@charset "UTF-8";


.margen-nombre-producto {
    margin-bottom: 10px;
}

.fa2 {
    font-size: 1.5em;
}

.fondo-negro {
    background: rgba(0, 0, 0, 0.88);
}

.fondo-blanco {
    background: #ffffff;
}
.fondo-gris {
    background: #ebebeb !important;
}

.fondo-transp {
    background: transparent;
}

.fondo-1 {
    background: none;
    background-size: cover;
}

.fondo-2 {
    background: url(../../../Images/fondos/fondo2.jpg) no-repeat fixed;
    background-size: cover;
}

.fondo-3 {
    background: url(../../../Images/fondos/fondo3.jpg) no-repeat fixed;
    background-size: cover;
}

.fondo-4 {
    background: url(../../../Images/fondos/fondo4.jpg) no-repeat fixed;
    background-size: cover;
}

.fondo-5 {
    background: url(../../../Images/fondos/fondo5.jpg) no-repeat fixed;
    background-size: cover;
}

.fondo-6 {
    background: url(../../../Images/fondos/fondo6.jpg) no-repeat fixed;
    background-size: cover;
}

.fondo-7 {
    background: url(../../../Images/fondos/fondo7.jpg) no-repeat fixed;
    background-size: cover;
}

.fondo-8 {
    background: url(../../../Images/fondos/fondo8.jpg) no-repeat fixed;
    background-size: cover;
}

.fondo-9 {
    background: url(../../../Images/fondos/fondo9.jpg) no-repeat fixed;
    background-size: cover;
}

.fondo-10 {
    background: url(../../../Images/fondos/fondo10.jpg) no-repeat fixed;
    background-size: cover;
}

.fondo-11 {
    background: url(../../../Images/fondos/fondo11.jpg) no-repeat fixed;
    background-size: cover;
}

.fondo-12 {
    background: url(../../../Images/fondos/fondo12.jpg) no-repeat fixed;
    background-size: cover;
}

.fondo-13 {
    background: url(../../../Images/fondos/fondo13.jpg) no-repeat fixed;
    background-size: cover;
}

.cuadro-pedidos {
    background: #f0f0f0;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

.tabla-details-productos {
}

.txt-qty {
    width: 50px;
}

.dl-color-elemento {
    padding-left: 0px;
}

.ico_Info {
    width: 24px;
    height: 24px;
}

.tabla-cuadro-pedidos {
    background: #fff;
}

.btn-cuadro-pedidos {
    background: #f55c59;
    text-transform: none;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
    line-height: 21px;
    transition: all linear 0.2s;
    /*border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    */
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 10px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
}

.dl-colors {
    border-style: none;
    height: 45px;
    width: 45px;
    padding: 2px;
}

.CodigoColor {
    width: 45px;
    text-align: center;
    margin-bottom: 5px;
}

.topBar {
    padding-top: 4px;
    padding-bottom: 10px;
    background-color: #e63231;
    color: white;
    text-align: center;
    margin-right: -15px;
    margin-left: -15px;
}

.topBar a {
    text-decoration: none;
    color: white;
    font-size: 18px;
}

.topBar a:hover {
    color: white;
}

.tr-cabecera {
    background: #fafafa;
}

.CodigoColor1 {
    background-color: #e3e3e3;
    border: 1px solid #e3e3e3;
    width: 35px;
    color: #666;
    text-align: center;
    margin-bottom: 5px;
}

.InfoLabel {
    color: #fff;
    background: #000;
    padding-left: 5px;
    margin-bottom: 5px;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

    .btn-circle.btn-lg {
        width: 50px;
        height: 50px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 25px;
    }

    .btn-circle.btn-xl {
        width: 70px;
        height: 70px;
        padding: 10px 16px;
        font-size: 24px;
        line-height: 1.33;
        border-radius: 35px;
    }


.bottom-gris {
    padding: 5px 0;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 5px;
}

.filtros {
    position: relative;
    left: 125px;
}

.filtro-genero {
    padding-left: 20px;
    padding-bottom: 1px;
    background: url(../../../Styles/check/ok/minimal-unselected-hover.png) no-repeat;
    font-size: 15px;
    text-decoration: none;
    margin-right: 2px;
}

    .filtro-genero:hover {
        padding-left: 20px;
        background: url(../../../Styles/check/ok/minimal-unselected-hover.png) no-repeat;
        font-size: 15px;
        text-decoration: none;
        margin-right: 2px;
    }

.filtro-genero-checked {
    padding-left: 20px;
    padding-bottom: 1px;
    background: url(../../../Styles/check/ok/minimal-selected.png) no-repeat;
    font-size: 15px;
    text-decoration: none;
    margin-right: 2px;
}

    .filtro-genero-checked:hover {
        padding-left: 20px;
        background: url(../../../Styles/check/ok/minimal-selected-hover.png) no-repeat;
        font-size: 15px;
        text-decoration: none;
        margin-right: 2px;
    }

.filtro-colores {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    width: 25px;
    height: 25px;
    margin-top: 5px;
    margin-right: 7px;
    border: 1px solid #7B7979;
}


.filtro-colores-selected {
    border: solid 2px #F55C59;
}


.filtro-colores:hover {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.linkCust {
    color: #333;
}

    .linkCust:hover {
        color: #333;
    }

header.header-style-1 .header-top .cnt-account ul li a {
    color: #ffffff !important;
}

.phoneHead {
    color: #ffffff !important;
}

.refCart {
    font-weight: normal !important;
}

.divCheckCart {
    font-size: 16px;
}

    .divCheckCart a {
        font-size: 16px !important;
    }

.div-thumbnail-text {
    width: 200px;
    text-align: center;
}

#MainContent_pModelsRelations {
    height: 220px;
}


/***************************** TOPBAR **********************************/


/*@media screen and (min-width:1530px) {
    .container-extranet {
        margin-left: 200px !important;
    }
}*/

#topbar {
    position: fixed;
    z-index: 1000;
    width: 100%;
}

.navigationBarLarge {
    padding-top: 94px !important;
}

.navigationBarLarge2 {
    padding-top: 60px !important;
}

.divSearchNoFloat {
    width: 50% !important;
}

    .divSearchNoFloat #divSearch {
        float: none;
    }

.imageDefaultTop {
    position: relative;
    bottom: 1px;
    width: 50%;
    height: auto;
    float: right;
}

.cnt-cartWidthScroll {
    text-align: center;
    width: 50% !important;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .cnt-cartWidthScroll {
        text-align: center;
        width: 100% !important;
    }
}

.blockRight {
    padding-top: 5px !important;
}

@media screen and (max-width:1385px) {
    #loginButton {
        top: 0 !important;
    }
}


@media screen and (min-width:1000px) and (max-width:1385px) {
    .blockRightweb {
        width: 70% !important;
    }
}

@media screen and (min-width:458px) and (max-width:529px) {
    .chkPrices {
        float: right;
        text-align: right;
    }
}

.dataHeaderMaxWidth {
    width: 100% !important;
}

.chkPrices label {
    vertical-align: middle;
    margin-top: -7px;
    padding-left: 3px;
}

.navbarNavigationMobile {
    padding-top: 95px !important;
}

@media screen and (min-width:1000px) and (max-width:1199px) {
    #logoutButton {
        top: 4px !important;
    }
}

@media screen and (min-width:757px) and (max-width:1000px) {
    .dataHeader {
        width: 40% !important;
    }

    #blockRight {
        width: 94% !important;
        
    }
    .cnt-account {
        margin-left: 0 !important;
    }
}

@media screen and (max-width:411px) {
    #logoutButton {
        top: 4px !important;
    }
}

@media screen and (min-width:881px) and (max-width:1200px) {
    .navbarNavigationMobile {
        padding-top: 95px !important;
    }
}

@media screen and (min-width:767px) and (max-width:881px) {
    .navbarNavigationMobile {
        padding-top: 95px !important;
    }
}

@media screen and (max-width:767px) {
    .navbar-toggle {
        float: left !important;
    }
}




@media screen and (max-width:319px) {
    .navbarNavigationMobile {
        padding-top: 145px !important;
    }
}


/***************************** FOOTER **********************************/

@media screen and (max-width:915px) {
    .info-boxes .info-box .title {
        margin: 0 !important;
        font-size: 20px !important;
    }

    #footer1info, #footer2info, #footer3info {
        padding: 0 !important;
    }

    .info-boxes .info-box .subtitle {
        margin: 0 !important;
    }
}

@media screen and (max-width:991px) {
    #divSocial {
        text-align: left !important;
        margin-left: 7% !important;
    }

    footer .links-social {
        padding-bottom: 0px !important;
    }
}

@media screen and (max-width:430px) {
    .links ul li {
        width: 100% !important;
    }
}

/******** DEFAULT PAGE ********/


#infoboxesweb {
    background-color: #B93A31;
}

#infoboxesextranet {
    background-color: #F55C59;
}


#infoboxesweb .fa-inverse {
    color: #B93A31;
}

#infoboxesextranet .fa-inverse {
    color: #F55C59;
}

#infoboxesweb .info-box h4, h6 {
    color: white !important;
}

.info-boxes .fa-circle {
    color: white !important;
}

.info-boxes .info-box span {
    color: black !important;
    display: block;
}

.info-boxes .info-box .title {
    font-weight: 900;
    font-size: 24px;
}

.info-boxes .info-box .subtitle {
    font-size: 13px;
}

@media only screen and (max-width:767px) {
    #firstimage {
        width: 60% !important;
    }

    .containerbanner_1 {
        position: inherit !important;
    }

    .textbanner2 {
        margin-top: 0px !important;
        width: 70% !important;
    }

    .divimagebanner2 {
        width: 25% !important;
    }

    #imageokdaybannerindex {
        height: 400px;
    }
}

.iconNew {
    border: 2px solid gray;
    border-radius: 10px;
    padding: 2px;
    cursor: help;
    margin-top: -9px;
    margin-right: 0px;
}

.iconNewResults {
    border: 2px solid gray;
    border-radius: 10px;
    padding: 2px;
    cursor: help;
    margin-right: 0px;
    margin-left: 5px
}

.divIconFilter {
    padding-bottom: 3px;
}

@media only screen and (min-width:501px) and (max-width:767px) {
    .textbanner2 {
        margin-top: 0px !important;
        width: 70% !important;
    }

    .divimagebanner2 {
        width: 25% !important;
    }
}

@media only screen and (max-width:500px) {
    .textbanner2 {
        margin-top: 0px !important;
        width: 80% !important;
    }

        .textbanner2 textbanner221 {
            margin-top: 0px !important;
        }

    .divimagebanner2 {
        width: 15% !important;
    }

    .textbanner23 div {
        font-size: 12px !important;
    }

    .textbanner23 {
        float: right;
        width: 70% !important;
    }

    .textbanner22 {
        font-size: 20px !important;
    }

    .linebanner2 {
        margin-right: 0px !important;
        float: right;
        width: 80%;
    }

    .divofertas {
        margin-right: 0px !important;
    }
}

@media only screen and (max-width:569px) {
    .divmargintitlesub {
        line-height: 20px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

@media only screen and (min-width:400px) and (max-width:767px) {
    .wide-slider-panelweb .owl-controls {
        margin-bottom: 30% !important;
    }
}

@media only screen and (min-width:350px) and (max-width:400px) {
    .textbanner23 {
        margin-top: -10px !important;
        padding-left: 15px !important;
    }
}

@media only screen and (max-width:399px) {
    .wide-slider-panelweb .owl-controls {
        margin-bottom: 26% !important;
    }
}

@media only screen and (min-width:768px) and (max-width:1100px) {
    .wide-slider-panelweb .owl-controls {
        margin-bottom: 24% !important;
    }
}

.wide-slider-panelweb .owl-controls {
    margin-bottom: 28%;
    margin-left: 3% !important;
}

.owl-page {
    font-size: 10px;
}

.textbanner2 {
    width: 60%;
    display: inline-block;
    margin-top: 60px;
    padding-left: 50px;
}

.divimagebanner2 {
    text-align: right;
    width: 35%;
    display: inline-block;
    vertical-align: top;
}

.textbanner22 {
    font-size: 28px;
    font-weight: 600;
}

    .textbanner22 .linebanner2 {
        width: 62%;
        text-align: right;
    }

.textbanner23 div {
    font-weight: 500;
}

@media only screen and (max-width:1000px) {

    .textbanner22 {
        text-align: right;
    }

    .textbanner23 {
        width: 60% !important;
        float: right;
    }

    #findmorebutton {
        width: 60%;
        float: right;
    }
}

@media only screen and (min-width:768px) and (max-width:1000px) {

    .textbanner22 .linebanner2 {
        width: 70%;
        margin-left: 10%;
    }
}

.divofertas {
    color: #00EBFF;
    margin-right: 130px;
}

@media only screen and (max-width:350px) {
    #imgbanner2 {
        margin-top: 60px;
        width: 150px;
    }
}

.textbanner3 {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 50px;
    margin-left: 50px;
}

#buttonfindmore3, #buttonfindmore4, #buttonfindmore5 {
    padding: 8px 25px 11px 25px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    background: none;
    border: solid;
    font-weight: bold;
}

#buttonfindmore42 {
    padding: 2px 20px 5px 20px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    background: none;
    border: solid;
    font-weight: bold;
}

@media only screen and (min-width:960px) and (max-width:1299px) {
    .textbanner32 {
        font-size: 12px;
    }
}

@media only screen and (max-width:1400px) {
    .textbanner3 {
        margin-top: 10px !important;
        font-size: 12px;
        padding: 5px 20px 8px 20px !important;
    }

    #banner3 {
        margin: 8% 0% 5% 5% !important;
    }
}



@media only screen and (max-width:1010px) {
    .textbanner32 {
        font-size: 12px;
    }

    .titlebanner3 {
        margin-top: 0px !important;
        font-size: 20px !important;
    }

    .textbanner3 {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    #buttonfindmore3Web {
        font-size: 10px;
        margin-top: 10px !important;
    }
}

@media screen and (min-width:784px) and (max-width:830px) {
    .textbanner3 {
        padding: 0px 5px 3px 5px !important;
    }
}

@media only screen and (min-width:767px) and (max-width:783px) {
    #banner3 {
        height: 17% !important;
        width: 48% !important;
        margin-bottom: 2% !important;
        margin-left: 3% !important;
    }
}

@media only screen and (min-width:490px) and (max-width:590px) {
    #banner3Mobile {
        width: 55% !important;
    }

    #buttonfindmore3 {
        margin-top: 10px !important;
        padding: 3px 20px 5px 20px !important;
    }
}

@media only screen and (max-width:489px) {
    .textbanner322 {
        font-size: 12px;
    }

    #buttonfindmore3 {
        font-size: 10px;
        margin-top: 10px !important;
        padding: 3px 20px 5px 20px !important;
    }

    .titlebanner32 {
        font-size: 20px !important;
    }

    #banner3Mobile {
        width: 55% !important;
        margin: 30% 0% 10% 5% !important;
    }
}

@media only screen and (max-width:394px) {
    .textbanner322 {
        font-size: 10px !important;
    }

    .titlebanner32 {
        font-size: 16px !important;
    }
}

@media only screen and (max-width:330px) {
    .titlebanner42 {
        font-size: 10px !important;
    }

        .titlebanner42 .divmargintitle {
            margin-bottom: -5px !important;
        }

    .separatorbanner4 {
        margin-top: 5px;
    }
}

@media only screen and (max-width:315px) {
    #buttonfindmore3 {
        margin-top: 0px !important;
        padding: 0px 10px 2px 10px !important;
    }

    .titlebanner32 {
        margin-bottom: 0px !important;
    }

    #banner3Mobile {
        width: 65% !important;
        margin: 35% 0% 10% 5% !important;
    }
}

@media only screen and (max-width:783px) {
    .divtextbanner42 {
        margin-right: 10px;
    }
}

#banner3 {
    position: absolute;
    bottom: 0;
    top: 0;
    width: 40%;
    margin: 13% 0% 10% 5%;
    background-color: white;
}

#banner3Mobile {
    position: absolute;
    bottom: 0;
    top: 0;
    width: 40%;
    margin: 30% 0% 10% 5%;
}

#banner4text {
    position: relative;
    width: 35%;
    background-color: white;
    margin-bottom: 17%;
    top: 50%;
    transform: translateY(-50%);
    margin-left: -3%;
}

#banner42text {
    position: relative;
    width: 53%;
    float: right;
    background-color: white;
    margin-bottom: 17%;
    top: 50%;
    transform: translateY(-50%);
    margin-left: -3%;
}

.divtextbanner4 {
    margin: 5% 10% 5% 10%;
}

.titlebanner4, .titlebanner5 {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 28px;
    font-weight: bold;
    text-align: right;
}

.titlebanner42 {
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: bold;
    text-align: right;
}

#banner4image {
    width: 35%;
    margin: 3.5% 0% 0% 20%;
}

#banner42image {
    z-index: 9999;
    width: 50%;
    margin: 12% 0% 0% 0%;
}

@media only screen and (min-width:1001px) and (max-width:1315px) {
    #banner4image {
        margin: 3.5% 0% 0% 10% !important;
    }

    #banner4text {
        width: 45% !important;
    }

    .divtextbanner4 {
        margin: 0% 5% 0% 5% !important;
    }

    #buttonfindmore4 {
        margin-bottom: 10px !important;
    }

    .titlebanner4 {
        margin-top: 0px !important;
    }
}

@media only screen and (min-width:740px) and (max-width:1000px) {
    #banner4image {
        margin: 3.5% 0% 0% 3% !important;
    }

    #banner4text {
        width: 60% !important;
    }

    .divtextbanner4 {
        margin: 0% 5% 0% 5% !important;
    }

    #buttonfindmore4 {
        margin-bottom: 10px !important;
        padding: 5px 20px 8px 20px !important;
    }

    .titlebanner4 {
        margin-top: 0px !important;
        font-size: 22px;
    }

    .textbanner4 {
        font-size: 12px;
    }
}

@media only screen and (min-width:331px) and (max-width:410px) {
    .titlebanner42 {
        font-size: 16px !important;
        padding-left: 6px !important;
    }
}

@media only screen and (max-width:410px) {
    .textbanner42, #buttonfindmore42 {
        font-size: 8px !important;
    }

    #banner42image {
        width: 45% !important;
        margin: 15% 0% 0% 0% !important;
    }

    #banner42text {
        width: 60%;
        margin-left: -5%;
    }
}

.textbanner5 {
    font-weight: 500;
    text-align: right;
    margin-left: 55%;
}

@media only screen and (min-width:1030px) and (max-width:1300px) {
    .textbanner5 {
        margin-left: 30%;
    }

    .titlebanner5 {
        font-size: 24px;
    }

    #buttonfindmore5 {
        font-size: 12px;
        margin-top: 10px;
        padding: 5px 20px 8px 20px;
    }
}

@media only screen and (min-width:855px) and (max-width:1029px) {
    .textbanner5 {
        margin-left: 10px;
        font-size: 12px;
    }

    .titlebanner5 {
        font-size: 20px;
    }

    #buttonfindmore5 {
        font-size: 12px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 3px 15px 5px 15px;
    }
}

@media only screen and (max-width:854px) {
    .textbanner5 {
        margin-left: 10%;
    }

    .divtextbanner5 {
        margin-top: 70px;
        width: 55% !important;
    }

    #banner42text {
        width: 50%;
    }
}

@media only screen and (max-width:630px) {
    .titlebanner5 {
        font-size: 20px;
    }

    #buttonfindmore5 {
        font-size: 12px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 3px 15px 5px 15px;
    }

    .titlebanner32 {
        margin-top: -5px !important;
    }
}

@media only screen and (max-width:515px) {
    .titlebanner5 {
        font-size: 18px;
        margin-top: 0px;
    }

    .textbanner5 {
        font-size: 12px;
        margin-left: 5%;
    }

    .divtextbanner5 {
        width: 60% !important;
    }

    #buttonfindmore5, #buttonfindmore42, #buttonfindmore3, #findmorebuttonmobile span {
        font-weight: 500 !important;
        border: solid 1px !important;
    }

    #findmorebuttonmobile {
        margin-top: 20px !important;
    }
}

@media only screen and (max-width:430px) {
    .divtextbanner5 {
        margin-top: 40px;
    }

    .titlebanner5 {
        font-size: 14px;
    }

    .textbanner5 {
        font-size: 12px;
    }

    #buttonfindmore5 {
        margin-top: 5px;
        padding: 1px 10px 3px 10px;
        font-weight: 500;
        border: solid 1px;
    }
}

@media only screen and (max-width:380px) {
    .divtextbanner5 {
        margin-top: 30px;
    }

    .titlebanner5 {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .textbanner5 {
        font-size: 11px;
    }

    #buttonfindmore5 {
        font-size: 10px;
        padding: 0px 10px 2px 10px !important;
    }

    #logoutButton {
        margin-left: 0 !important;
    }
}

@media only screen and (max-width:340px) {
    .titlebanner5 {
        font-size: 10px;
    }

    .textbanner5 {
        font-size: 9px;
    }
}


#iframeb6 {
    width: 80%;
    height: 70%;
}

@media only screen and (min-width:1100px) and (max-width:1400px) {
    #iframeb6 {
        height: 50%;
    }
}

@media only screen and (min-width:768px) and (max-width:1099px) {
    #iframeb6 {
        height: 40%;
    }
}

#image61 {
    margin-left: 7%;
    position: absolute;
    max-width: 40px;
    height: auto;
}

@media only screen and (max-width:1200px) {
    #image61 {
        margin-left: 5%;
    }

    .nav-outer {
        margin-left: 0 !important;
    }
}

#image61mobile {
    max-width: 30px;
    height: auto;
    position: absolute;
}

#iframeb6mobile {
    width: 100%;
    height: 45%;
}

@media screen and (max-width:500px) {
    #banner6textmobile {
        font-size: 12px !important;
    }

    .diviframebanner6 {
        margin-top: 23% !important;
    }
}


@media screen and (min-width:768px) {
    .titleintomargin {
        position: absolute;
        color: white;
        margin-left: 3%;
        font-size: 28px;
        width: 47%;
        font-weight: bold;
        margin-top: -40%;
    }
}

@media screen and (max-width:767px) {
    .titleintomargin {
        position: absolute;
        color: white;
        margin-left: 3%;
        font-size: 32px;
        width: 80%;
        font-weight: bold;
        margin-top: -51%;
    }

    .txtBannerInvierno {
        font-size: 20px !important;
    }

        .txtBannerInvierno a {
            padding: 0px 5px 5px 5px !important;
            font-size: 12px !important;
        }

    .imagesindex {
        margin-top: 0px !important;
    }

    #imgmodainvierno {
        padding: 50px 15px 30px 15px !important;
    }
}

@media screen and (max-width:620px) {
    .titleintomargin {
        font-size: 24px;
        width: 90%;
    }

    .bannerintomargin2 {
        margin-top: -32% !important;
    }
}

@media screen and (max-width:570px) {
    .bannerintomargin2 {
        font-size: 15px !important;
    }

    .titleintomargin {
        font-size: 22px;
    }

    .bannerintomargin3, .bannerintomargin4 {
        margin-top: -30% !important;
    }

    #imgslider2descriptionweb, #imgslider1description {
        margin-bottom: 10px !important;
    }
}

@media screen and (max-width:460px) {
    .bannerintomargin4, .bannerintomargin3 {
        font-size: 15px !important;
    }

    #imgslider2descriptionweb, #imgslider1description {
        margin-bottom: 10px !important;
    }

    .bannerintomargin2 {
        font-size: 12px !important;
        width: 95%;
    }
}

@media screen and (max-width:400px) {

    .titleintomargin {
        font-size: 16px;
        margin-top: -53%;
    }

    .wide-slider-panelweb .owl-controls {
        margin-bottom: 30% !important;
    }

    .bannerintomargin, bannerintomargin2, .bannerintomargin3 {
        margin-top: -33% !important;
    }

    .bannerintomargin2 {
        font-size: 10px !important;
        width: 96%;
    }

    .bannerintomargin3, .bannerintomargin4 {
        font-size: 12px !important;
    }
}

@media screen and (min-width:768px) and (max-width:1640px) {
    .bannerintomargin2, .bannerintomargin {
        font-size: 14px !important;
    }

    .titleintomargin {
        font-size: 24px;
    }
}

@media screen and (min-width:768px) and (max-width:1370px) {
    .titleintomargin {
        font-size: 20px !important;
        margin-top: -43% !important;
    }
}

@media screen and (min-width:768px) and (max-width:980px) {
    .titleintomargin {
        font-size: 16px !important;
        margin-top: -40% !important;
        margin-left: 3px !important;
    }
}


@media screen and (min-width:768px) and (max-width:1289px) {
    .bannerintomargin2 {
        margin-top: -24% !important;
    }

    .bannerintomargin {
        margin-top: -20% !important;
    }
}

@media screen and (min-width:768px) and (max-width:1100px) {
    .bannerintomargin2, .bannerintomargin {
        margin-left: 3px !important;
        width: 55% !important;
    }

    .bannerintomargin {
        margin-top: -24% !important;
        font-size: 12px !important;
    }

    .bannerintomargin2 {
        margin-top: -24% !important;
        font-size: 10px !important;
    }
}

@media (min-width: 768px) {
    .bannerintomargin, .bannerintomargin2 {
        position: absolute;
        color: white;
        margin-left: 3%;
        font-size: 18px;
        width: 50%;
        margin-top: -25%;
    }
}

@media (max-width: 767px) {
    .bannerintomargin4, .bannerintomargin2 {
        position: absolute;
        color: white;
        margin-left: 3%;
        font-size: 18px;
        width: 90%;
        margin-top: -28%;
    }

    .bannerintomargin3 {
        position: absolute;
        color: white;
        margin-left: 3%;
        font-size: 18px;
        width: 90%;
        margin-top: -25%;
    }
}



#textfirstimage {
    position: absolute;
    margin-top: 15px;
    width: 50%;
    margin-left: 3%;
    color: black;
}

.divtextfirstimage {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 3%;
    line-height: 58px;
}

.divtextfirstimage1 {
    font-weight: 500;
}

.divtextfirstimage1web {
    width: 38%;
    font-weight: 500;
    margin-left: 3%;
    font-size: 20px;
}

.divtextfirstimageweb {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 5%;
}

.divtextfirstimage1web .row {
    margin-bottom: 10%;
}

.rotatetext {
    transform: rotate(-90deg);
    margin-top: -20%;
}

@media (max-width: 1500px) {

    .divtextfirstimage {
        font-size: 40px;
    }
}

@media (max-width: 1200px) {

    .divtextfirstimage1 {
        font-size: 12px;
    }

    .divtextfirstimage {
        margin-bottom: 1%;
    }

    .divtextfirstimage {
        font-size: 36px;
    }
}

@media (max-width: 960px) {
    .divtextfirstimage {
        font-size: 28px;
        margin-bottom: 3%;
    }

    .divtextfirstimage1 {
        font-size: 11px;
    }
}

@media (max-width: 850px) {
    #textfirstimage {
        margin-top: 0%;
    }

    .divtextfirstimage1 {
        font-size: 10px;
    }
}

@media (max-width: 590px) {
    .divtextfirstimageweb {
        font-size: 28px;
    }

    .divtextfirstimage1web .row {
        margin-bottom: 5%;
    }

    .divtextfirstimage1web {
        font-size: 16px;
    }

    .rotatetext {
        margin-top: -25%;
        margin-right: 20%;
    }
}

@media (max-width: 440px) {
    .divtextfirstimageweb {
        font-size: 16px;
    }

    .divtextfirstimage1web {
        font-size: 12px;
    }
}

@media (max-width: 320px) {
    .divtextfirstimageweb {
        margin-bottom: 0%;
    }

    .divtextfirstimage1web {
        width: 45%;
    }

        .divtextfirstimage1web .row {
            margin-bottom: 0%;
        }
}

@media (min-width: 1200px) {
    .containerDropdownMenu {
        width: 1170px !important;
    }
}

@media (min-width: 992px) {
    .containerDropdownMenu {
        width: 970px;
    }
}

@media (min-width: 768px) {
    .containerDropdownMenu {
        width: 750px;
    }
}

.containerDropdownMenu {
    margin-right: auto;
    margin-left: auto;
}

.imgMenuColl {
    max-width: 250px;
}

.imgMenuCollSta {
    max-width: 250px;
}

.imgMenuCollStaBig {
    max-width: 250px;
}

.imgMenuCollStaDouble {
    max-width: 529px;
}

.subCollectionSTMHead {
    /*height: 473px;*/
}

@media (max-width: 1199px) {
    .imgMenuColl {
        max-width: 150px;
    }
}

.menuDivMark {
    height: 200px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .imgMarketingMenu {
        max-width: 100%
    }

    .imgVideoMenu {
        max-width: 100%
    }

    .menuLinksMark {
        max-width: 200px;
    }

    .menuDivMark {
        height: 130px;
    }
}

@media (max-width: 991px) {
    .imgMenuColl {
        margin-bottom: 10px;
    }

    .menuLinksMan {
        padding-left: 0px !important;
    }

    .menuLinksWomen {
        padding-left: 0px !important;
    }

    .menuLinksUnisex {
        padding-left: 0px !important;
    }

    .menuLinksOth {
        padding-left: 0px !important;
    }

    .menuLinksAcc {
        padding-left: 0px !important;
    }

    .imgMarketingMenu {
        max-width: 100%
    }

    .imgVideoMenu {
        max-width: 100%
    }

    .menuLinksMark {
        max-width: 200px;
    }

    .menuDivMark {
        height: 130px;
    }

    .menuLinksServ {
        margin-bottom: 20px;
    }
}

.offerIconDetails {
    width: 18px;
    position: absolute;
    left: 25px !important;
    top: 1px;
}

@media (min-width: 1532px) and (max-width: 1773px) {
    .divtextfirstimage {
        font-size: 33px;
        font-weight: bold;
        margin-bottom: 3%;
        line-height: 43px;
    }
}

@media (min-width: 1348px) and (max-width: 1532px) {
    .divtextfirstimage {
        font-size: 33px;
        font-weight: bold;
        margin-bottom: 10px;
        line-height: 37px;
    }
}

@media (min-width: 992px) and (max-width: 1348px) {
    .divtextfirstimage {
        font-size: 25px;
        font-weight: bold;
        margin-bottom: 10px;
        line-height: 29px;
    }

    .divtextfirstimage1 {
        font-size: 13px;
    }

    #textfirstimage {
        width: 55%;
    }
}

.bannerPluginsMenu {
    margin-top: 10px;
    padding-left: 52px;
    padding-right: 50px;
    width: 1105px;
}

.has-search .form-control {
    padding-left: 30px;
}

.has-search .form-control-feedback {
    position: absolute;
    display: block;
}


.checkbox_chkPrices {
    margin: 0 10px 0 0px;
}

    .checkbox_chkPrices .tag {
        color: #595959;
        display: block;
        float: left;
        font-weight: bold;
        position: relative;
        width: 120px;
    }

    .checkbox_chkPrices label {
        display: inline;
    }

    .checkbox_chkPrices #chkPrices {
        display: none;
    }

#chkPrices + label:after {
    background-color: transparent;
    border: 1px solid #ffffff;
    display: inline-block;
    width: 16px;
    height: 16px;
    content: '';
    margin-left: 5px;
    margin-bottom: -3px;
}

#chkPrices:checked + label:after {
    /*content: '✔';*/
    content: '\2713';
    line-height: 0.8em;
    text-align: center;
}

.imagesindex {
    margin-top: 60px;
}

.verticaltextdefault {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    color: #f92828;
    font-size: 40px;
    font-weight: 500;
}

.verticaltextdefault {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    color: #f92828;
    font-size: 40px;
    font-weight: 500;
}

.verticaltextdefaultLeft {
    margin-bottom: -18%;
}

.verticaltextworkLeft {
    margin-bottom: -15%;
}

.verticaltextworkRight {
    margin-bottom: -17%;
}

.divcontainerokindex {
    position: relative;
    margin: auto;
    /*width: 90%;*/
    width: 100%;
}

.bannerokday {
    padding-top: 50px;
}

    .bannerokday .btn {
        font-size: 18px;
        background-color: white;
        color: #404040;
        border-radius: 0;
        padding: 15px 40px 18px 40px;
        font-weight: 600;
        margin-top: 30px;
    }

.txtBannerInvierno {
    color: white;
    font-size: 60px;
    font-weight: bold;
    line-height: 80px;
    max-width: 628px;
}

.txtBannerStm {
    top: 29%;
}

.imagesIndexSTM {
    /*padding-left: 32px;*/
    margin-top: 0px;
}

.tit2020okday {
    font-size: 90px;
    font-weight: 900;
}

.lineokday {
    border-bottom: 2px solid;
    max-width: 200px;
    text-align: center;
    margin: 25px auto 25px auto;
}

.textdv {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.listdv {
    width: 50%;
    margin: auto;
}

@media (max-width: 1000px) {
    .bannerokday {
        margin-top: 0 !important;
    }

    .textbannerokday {
        margin-top: 0% !important;
        font-size: 12px !important;
    }

    .bannerokday .btn {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .lineokday {
        margin: 5px auto 5px auto;
    }

    .bannerokday .btn {
        font-size: 12px !important;
        padding: 3px 15px 5px 15px !important;
    }

    .tit2020okday {
        font-size: 55px !important;
    }

    .textdv {
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 10px;
    }
}


@media (max-width: 1135px) {
    .txtBannerInvierno {
        font-size: 40px;
        line-height: unset;
    }

        .txtBannerInvierno a {
            margin-top: 10px;
        }

    .verticaltextdefaultLeft {
        margin-bottom: -25%;
    }

    .textbannerokday {
        margin-top: 3%;
        font-size: 14px;
    }
}

#imgmodainvierno {
    /*padding: 50px 50px 50px 50px;*/
    padding: 0px 15px 0px 15px;
    max-width: 100%;
}

.titbannerokday {
    font-size: 25px;
    font-weight: 600;
    margin-top: 5%;
}

.textbannerokday {
    color: white;
    font-size: 16px;
    margin-top: 8%;
    margin-right: auto;
    margin-left: auto;
    width: 90%;
}

.verticaltextworkRight {
    margin-bottom: -25%;
}

.textbannerokday {
    margin-top: 3%;
    font-size: 14px;
}

@media (max-width: 450px) {
    .textbannerokday {
        font-size: 12px;
    }

    .bannerokday .btn {
        padding: 0px 5px 2px 5px;
        font-size: 10px;
        width: auto;
    }

    .verticaltextdefault {
        font-size: 20px;
    }

    .tit2020okday {
        font-size: 40px !important;
    }
}

.redBorder {
    background-color: red;
    color: white;
    display: inline-block;
}

.section-container-stm {
    max-width: 1200px;
}

.blueBorder {
    background-color: #529dd5;
    color: white;
    display: inline-block;
}

.subtitleStamina {
    max-width: 470px;
}

.redBorder {
    background-color: #f92828;
    color: white;
    display: inline-block;
}

.backgroundHeaderStm {
    height: 465px;
    background-image: url(/assets_ok/assets/images/backgroundSta.jpg);
    text-align: center;
    position: relative;
    background-size: cover;
}

.backgroundHeaderStmWeb {
    background-image: none;
    height: 435px;
}

#titnov2020 {
    font-size: 60px;
    font-weight: 900;
    margin-top: 50px;
    margin-bottom: 1%;
    line-height: 50px;
    padding: 0px 40px 20px 40px;
}

#textnov2020 {
    font-size: 18px;
    width: 40%;
    padding: 10px 40px 10px 40px;
}

.textback1 {
    text-align: center;
    padding-bottom: 50px;
}

#titsport2020 {
    font-size: 50px;
    font-weight: 900;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 50px;
    padding: 0px 40px 20px 40px;
}

#textsport2020 {
    font-size: 18px;
    width: 35%;
    padding: 10px 40px 10px 40px;
}

.textsport1 {
    text-align: center;
    padding-bottom: 50px;
    padding-top: 50px;
}

@media (min-width: 2400px) {
    .textback1 {
        padding-bottom: 120px;
        padding-top: 70px;
    }

    .textsport1 {
        padding-bottom: 100px;
        padding-top: 100px;
    }
}

.textBackStamina {
    padding-bottom: 120px;
    padding-top: 70px;
}

@media (max-width: 1450px) {
    #textnov2020, #textsport2020 {
        font-size: 16px;
        width: 80%;
    }

    #titnov2020 {
        font-size: 50px;
    }

    #titsport2020 {
        font-size: 40px;
    }

    .bannerokday {
        padding-top: 10px;
    }

    .tit2020okday {
        font-size: 70px;
    }

    .textbannerokday {
        width: 100%;
    }

    .bannerokday .btn {
        font-size: 15px;
        padding: 10px 30px 13px 30px;
    }

    .listdv {
        width: 100%;
    }

    .divcontainerokindex {
        width: 95%;
    }

    .textbannerokday {
        margin-top: 4%;
    }
}

@media (max-width: 1000px) {

    #textnov2020, #textsport2020 {
        font-size: 14px;
        width: 95%;
        padding: 5px 10px 5px 10px;
    }

    #titnov2020 {
        font-size: 40px;
        line-height: 30px;
        padding: 0px 30px 15px 30px;
    }

    #titnov2020 {
        font-size: 30px;
        line-height: 20px;
        padding: 0px 30px 15px 30px;
    }

    .textmto {
        width: 100% !important;
    }
}

@media (max-width: 700px) {

    #textnov2020, #textsport2020 {
        font-size: 10px;
    }

    #titnov2020 {
        font-size: 20px;
        line-height: 20px;
        padding: 0px 30px 5px 30px;
    }

    #titsport2020 {
        font-size: 15px;
        line-height: 15px;
        padding: 0px 30px 5px 30px;
    }
}

@media (max-width: 500px) {
    #imgbanner1index {
        height: 130px;
    }
}

.titmto {
    font-weight: 500;
    font-size: 25px;
}

.textmto {
    width: 60%;
    margin: 30px auto 30px auto;
}

.btnmto {
    color: black;
    background-color: white;
    border-radius: 0;
    font-weight: 500;
    padding: 10px 40px 15px 40px;
}

.imgcollectionindex {
    height: 200px;
    text-align: center;
    position: relative;
    margin-bottom: 20px;
    color: white;
    font-size: 40px;
    max-width: 95%;
    background-size: cover;
}

@media (min-width: 1000px) {
    .imgright {
        margin-left: auto;
    }

    .imgcenter {
        margin: auto;
    }
}

.logoBannerSup {
    height: 50px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.logoBannerSupWork {
    height: 70px;
}

.logoBannerSupSta {
    height: 60px;
}

.defaultParentImg .bannerSupBox {
    opacity: 0.4;
}

    .defaultParentImg .bannerSupBox:hover {
        opacity: 1;
    }

.defaultParentImgStam {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/Images/StaminaBannerDefault.jpg');
    background-position: center top;
    height: 360px;
}

    .defaultParentImgStam:hover {
        background-image: url('/Images/StaminaBannerDefault.jpg');
        height: 360px;
    }

.defaultParentImgSport {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/Images/SportBannerDefault.jpg');
    background-position: center top;
    height: 360px;
}

    .defaultParentImgSport:hover {
        background-image: url('/Images/SportBannerDefault.jpg');
        height: 360px;
    }

.defaultParentImgRoly {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/Images/NewBannerDefault.jpg');
    background-position: center top;
    height: 360px;
}

    .defaultParentImgRoly:hover {
        background-image: url('/Images/NewBannerDefault.jpg');
        height: 360px;
    }

.defaultParentImgSplash {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/Images/SplashtBannerDefault.jpg');
    background-position: center top;
    height: 360px;
}

    .defaultParentImgSplash:hover {
        background-image: url('/Images/SplashtBannerDefault.jpg');
        height: 360px;
    }

.defaultParentImgWork {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/Images/WorktBannerDefault.jpg');
    background-position: center top;
    height: 360px;
}

    .defaultParentImgWork:hover {
        background-image: url('/Images/WorktBannerDefault.jpg');
        height: 360px;
    }

.defaultParentImgSanit {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/Images/SanitBannerDefault.jpg');
    background-position: center top;
    height: 360px;
}

    .defaultParentImgSanit:hover {
        background-image: url('/Images/SanitBannerDefault.jpg');
        height: 360px;
    }

.bannerSupBoxLogo {
    margin: auto;
    max-height: 60px;
    margin-top: 100px;
    margin-bottom: 20px;
}

.bannerSupBoxLogoRoly {
    max-height: 45px;
    margin-bottom: 25px;
}

.parentBannerSupBoxTextNoLogo {
    margin-top: 140px !important;
}

.bannerSupBoxText {
    color: white;
    font-weight: 700;
}

.parentBannerSupBoxText {
    max-width: 260px;
    margin: auto;
}