#newColectionsTree .accor-filter, .forBrand .accor-button.only {margin-bottom:14px}
#newColectionsTree .accor-button a .fa {top:15px}
#newColectionsTree .accor-filter .filtro a {font-weight:400; padding: 5px 0; border-bottom:dashed 1px #ddd; font-size: 13px}
#newColectionsTree .accor-filter .filtro a.level2 {font-size:12px; color:#777}
#newColectionsTree .accor-filter .filtro a.selected {font-weight:600}
#newColectionsTree .accor-filter .filtro a.level2.selected {color:#111}
#newColectionsTree .padL15h {margin-left:15px}
#newColectionsTree .accor-button a {font-weight:600; font-size: 13px; border-bottom: dashed 1px #999}
#newColectionsContent {padding: 12px 15px 0px 15px; border: solid 1px #999; border-top:none}
#newColectionsContent #newColectionsTree .accor-button a .fa {right:0px}


.mar-b-30 {margin-bottom:30px}
a.aBanner {background-position: center center; background-size: cover; color:#fff; font-size:22px; letter-spacing:0.5px; min-height: 235px; line-height:1.15em; padding: 0 20px}
a.aBanner em {font-weight:300}
a.aBanner .opaco {position: absolute; top: 0; left:0; width:100%; height: 100%; background-color:#000; opacity:0.4}
a:hover.aBanner .opaco {opacity:0.8}

.hideSpecialBrand, a.vMasOp {display:none !important}

.laMarca img {max-width: 300px}

.wLogo {text-align:center}
.wLogo img {max-width:210px; max-height:70px}
.invert, .tab-content .carousel-control-prev, .tab-content .carousel-control-next {filter: invert(100%);}
.tab-content .carousel-control-prev, .tab-content .carousel-control-next {width:5%}
.tab-content .carousel-control-next-icon, .tab-content .carousel-control-prev-icon {position: relative; top:-40px}

.brandDescription {text-align: justify; font-size: 13px; line-height: 18px; color:#666}
a#btnToggleDescripcionExtendida {display: block; margin: 10px 0}
.logoSeo {height:30px}


/*lateral*/

.forBrand .accor-filter, .forBrand .accor-button.only {margin-bottom:14px}
.forBrand .accor-button a .fa {top:15px}
.forBrand .accor-filter .filtro a {font-weight:400; padding: 5px 0; border-bottom:dashed 1px #ddd; font-size: 13px}
.forBrand .accor-filter .filtro a.level2 {font-size:12px; color:#777}
.forBrand .accor-filter .filtro a.selected {font-weight:600}
.forBrand .accor-filter .filtro a.level2.selected {color:#111}
.padL15h {margin-left:15px}

.specialTabs .nav-tabs {border:none; margin-bottom:16px}
.specialTabs .nav-tabs .nav-item {width:33.333%}
.specialTabs .nav-tabs .nav-link {border:none; font-size: 16px; letter-spacing:1px; padding: 0}
.specialTabs .nav-tabs .nav-link span {display: inline-block; padding:4px 0; border-top:solid 1px #fff; border-bottom: solid 1px #fff; color:#666}
.specialTabs .nav-tabs .nav-link.active span, .specialTabs .nav-tabs .nav-link:hover span {border-color:#333; color:#333}

#menuLinks .filtro a.active {font-weight:700}

/*carrusel*/

/*#myCarousel .carousel-indicators {position: relative;}
#myCarousel .carousel-indicators {margin-left:0px !important; margin-right: 0px !important}
#myCarousel a.carousel-control {position: absolute; bottom:0px; font-size: 20px; opacity:0.25}
#myCarousel a:hover.carousel-control {opacity:0.7}
#myCarousel a.carousel-control.left {right:45px}
#myCarousel a.carousel-control.right {right:15px}
#myCarousel .active a.aBanner div {opacity:0 !important}
#myCarousel .carousel-indicators .active {background-color:transparent}*/

.accor-button a.root.filtroA .fa {top:10px; right:10px}
.root.filtroA .fa-angle-down, .root.filtroA.highlight .fa-angle-left {display:none !important}
.root.filtroA.highlight .fa-angle-down {display:block !important}

.desTitle strong {font-weight:600}
.specialTabs .nav-tabs .nav-link span {text-transform:uppercase}


@media only screen and (max-width: 991px) {
    a.aBanner {padding-left:12px; padding-right:12px; font-size: 16px}
}
@media only screen and (max-width: 767px) {
    /*Min height banner marca*/
.minForCLS {min-height:28.3vh}
/*.wLogo {min-height:8.5vh}*/
    .mar-t-m-30 {margin-top:30px}
    .specialTabs .nav-tabs .nav-link {font-size:12px}
    .specialTabs .nav-tabs .nav-link span {min-height:52px}
    .specialTabs .nav.nav-tabs {margin-top:35px}
    .newBrand #left a .fa {font-size: 90%; margin-right: 10px;}
    a.menuButtonList {font-size: 14px;display: block;width: 100%;padding: 10px 5% 10px 5%;font-weight: 600;}
    .contentCar.font-15 {font-size: 12px !important}
    
    .laMarca img {max-width: 200px}
    .toHideLast .productList:last-of-type {display:none !important}
    .tab-content .carousel-control-prev, .tab-content .carousel-control-next {width:10%}

    #left.forBrand  .accor-filter {border:solid 2px #b89d67; padding:5%; margin-bottom:21px}

    #left.forBrand  div.accor-filter .accor-button a.likeFilter {font-weight: 400 !important;border-bottom: none !important;color: #b89d67 !important;padding: 0 !important;font-size: 13px !important;}
    #left.forBrand  div.accor-filter .accor-button a.likeFilter .fa {top:5px; opacity:1; font-size:80%; margin-right:-5px}
    .forBrand #filtersList {padding-top: calc(10% + 60px);}
    .forBrand a#openFilter.collapsed {width:100%}
    .colores, .dermocosmetica {top:0px !important}
}
@media only screen and (max-width: 350px) {
.specialTabs .nav-tabs .nav-link {letter-spacing:0px;}
}
@media only screen and (min-width: 768px) {
    /*#viewFilters {display:none}*/
    .forBrand .accor-filter .filtro a:hover {padding-left:10px}
    .tab-content .productList.gamas {height:330px}
    .tab-content .carousel-item {padding:0 5px}
}

@media only screen and (min-width: 1192px) and (max-width: 1399px) {
    .brandDescription {font-size:12px; line-height:16px;}
}
@media only screen and (min-width: 992px) and (max-width: 1191px) {
    .brandDescription {font-size:12px; line-height:16px;}
    .font-30.desTitle {font-size:24px !important}
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
#myCarousel, #slider, #myCarousel .row, #FiltroForm .row.no-gutters.over-hidden .row.mar-b-1x {width:100%}
img#b370 {width:200px !important; height:52px !important; filter: invert(0%) !important;}
.col-md-9 .container.back-black {background-color:#fff !important; border-top:solid 1px #222; border-bottom:solid 1px #222}
}


@media only screen and (min-width: 768px) {
    .container.newBrand #filterSex a.linkFilter {
    display: inline-block; padding: 2px 15px !important; margin-right: 8px; font-size: 13px !important; height: auto; opacity: 0.6; border: solid 1px #666; line-height: 1.4em; border-radius: 3px; font-weight: 400; letter-spacing: 0.5px;
    }
    .container.newBrand #filterSex a:hover.linkFilter {opacity:1}
    .container.newBrand #filterSex a.linkFilter span {display: none !important}
    .container.newBrand #filterSex a.linkFilter:last-of-type {margin-right:0!important}
}
@media only screen and (max-width: 1399px) {
.container.newBrand #filterSex a.linkFilter {letter-spacing:0;margin-right:4px}
}
@media only screen and (max-width: 1191px) {
.container.newBrand #filterSex a.linkFilter {padding-left:8px!important;padding-right:8px!important}
}
@media only screen and (max-width: 991px) {
.container.newBrand #filterSex a.linkFilter {margin-bottom:6px}
}

@media only screen and (min-width: 992px) {
    .greenbeauty-header {margin-top: 10px !important}
}