@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700');

.contImagen .zoom2, #RegistroFooterForm {display:none}
.contImagen.hackDNP .zoom2 {display:block}
.contImagen .what.help.nwhelp.lastDesign {top:-8px !important; right:25px !important; z-index:9}
body .priceC {border: solid 1px #ddd !important; padding:14px 10px !important; margin-bottom:15px}
body .priceC.active {border-color:#444 !important}
.contCapacidad, .contDiscount, .heartThis {margin-top:0}
.contCapacidad.hackDNP {width:30%; margin-left:10%}
.contCapacidad.hackDNP, .contDiscount.hackDNP {margin-top:12%}
.heartThis {padding-top:0px; padding-left:5px !important}
.heartThis.myHeart {opacity:0.8}
.contCapacidad {width:50%}
.contPrecioNuevo {margin-top:0px}
a.newStyle .priceFormat {font-size:18px}
.list-4 .priceC, .list-5 .priceC {padding-top:14px}

#divLoteMasVendido {padding: 5px 0 0 0}

.carouselSpecialBrand .carousel-control-next, .carouselSpecialBrand .carousel-control-prev {opacity:0.8}
.carouselSpecialBrand .carousel-control-prev-icon {background-image: url(https://c.perfumesclub.com/nw/special-brand-left.svg); width:15px; height: 26px}
.carouselSpecialBrand .carousel-control-next-icon {background-image: url(https://c.perfumesclub.com/nw/special-brand-right.svg); width:15px; height: 26px}
.carouselSpecialBrand .carousel-indicators {display:none}

.specialOpinions {text-transform: uppercase}
.specialOpinions .font-21 {font-size: 16px !important}
.specialProduct100 {
-webkit-flex: 0 0 100% !important;
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
text-align: left !important;
}
.specialProduct100 .esPointer {display:none}
.totals.specialProduct100 {padding-top:10px !important; padding-bottom: 0px !important}
.totals.specialProduct100 .fa {font-size: 48px; color:#e5a86c}
.totals.specialProduct100 .sPTotals {display: block; position: absolute; left: 280px; top:40px}
.totals.specialProduct100 .sPTotals .valMedia, .totals.specialProduct100 .sPTotals .valMediaTotal, .specialProduct100 .onlySpecialP {font-weight: 400; font-size: 24px;}
.specialProduct100 .onlySpecialP {display: inline-block !important; margin-left:6px}

.starsTop {font-size: 14px}
.newSD {margin-bottom:16px}
h1.titleProduct {font-size: 16px;}
h2.titleProduct {font-size: 15px; font-weight:400; margin-bottom:5px}
a.moreNDO {text-decoration: underline !important; font-size: 12px; position:relative; margin-left:5px; text-transform: lowercase}
a:hover.moreNDO {color:#b89d67}

img.vidN, img.vidO {display:block; position:absolute; top:0; left:calc(50% - 61px); width:123px;opacity:0}
.pPause:hover img.vidO, img.vidN {opacity:1}
.specialCharacter {font-size: 104px; left: 50%; top: 0px; position: absolute; z-index:-2; opacity:0.5; color:#b89d67}
#divValoracion {background-color:#fff !important}

a.newStyle2 .priceFormat {font-weight:300; font-size:34px; color:#ccc}
.dStyle .carousel-item a .priceFormat {font-weight:300}
a.newStyle2 .priceFormat span {font-size:40%; position: relative; top:-6px; font-weight:400}
a.newStyle2 .priceFormat span.darker {color:#111;}
a.newStyle2 .priceFormat span.med {color:#777}
a.newStyle2 h4, .dStyle .carousel-item a h4 {font-weight:400}
a.newStyle2 .cat, .dStyle .carousel-item a .cat {margin-bottom:10px; font-size:12px; font-weight:300}
a.newStyle h4 {margin-top:-6px; font-size:13px; opacity:0.6}
.dStyle .carousel-item a .priceFormat {font-size:14px; margin-top:-5px; opacity:1; color:#777}
.dStyle .carousel-item a .priceFormat .sSep {font-size:200%; position: relative; margin:0 -3px 0 -1px; top:5px; color:#ccc; opacity:0.6}
.dStyle .carousel-item a .priceFormat .lastS {color:#111; font-weight:400}
.dStyle a.newStyle img {max-width: 160%;width: 160%;left: -28%;z-index: -2;}
.dStyle .carouselSpecialBrand .carousel-item.row {margin-left:0px}
a.newStyle .cat {font-weight:400; font-size: 13px; opacity:0.6; line-height:1.3em}

.videoProduct {padding-bottom:56.25%;height:0; overflow: hidden;}
.videoProduct iframe {position: absolute;width: 100%!important;height: 100%!important;top:0; left:0; border:none}
.invert {filter: invert(100%);}

.hForPrice {height:22px; overflow: visible !important}
.hForPrice .pricePer100 {margin:-10px 0px 0px 0px}

@media only screen and (max-width: 767px) {
.totals.specialProduct100 .fa {font-size: 22px; margin:0 -2px}
.totals.specialProduct100 .sPTotals {left: 130px; top:20px}
.totals.specialProduct100 .sPTotals .valMedia, .totals.specialProduct100 .sPTotals .valMediaTotal, .specialProduct100 .onlySpecialP {font-size: 14px; margin:0px !important}
#gallery_01 {top:0; margin: 15px auto 24px auto}
.priceC {margin-left:-15px; margin-right: -15px}
.contCapacidad {font-size:15px; margin-left:-10px; width:28%; text-align:center}
.contDiscount {top:0; left:84px}
#listPrices .priceC .col-12.col-md-5.col-lg-5.align-self-center {margin-bottom:15px}
.hackPrices {top:10px}
.contTachado {text-align: left; float: left; width:auto; padding-top:11px; margin-left:30px}
.photo img {height:40vh; max-height:40vh}
.swiper-slide .contTachado {margin-left:0px; padding-top:7px}
.priceC.active {margin-right:-30px}
.contPrecioNuevo {float: right; width:auto; padding-top:3px}
.heartThis {bottom:-53px; left:10px}
.viewMore {display: inline-block; margin-left:6px; text-decoration: underline}
.specialContentButtons .steps a::before {width:26px; height:26px; line-height:18px; font-size:17px}
.specialContentButtons a.stepPrev, .specialContentButtons a.stepNext {font-size:18px; top:8px}
.specialContentButtons .steps a::after {top:14px}
.row.specialContentButtons {margin-left:2px; margin-right: 2px}
.l-s-25-em {letter-spacing:0.15em !important}
.pPause {margin-bottom:70px}
.font-special.specialColor {margin-top:14px}
.font-39.font-special {font-size:20px;}
.specialContent .carousel-item.row {margin-left:0px !important}
#carouselDescription .carousel-control-prev {left:-15px}
#carouselDescription .carousel-control-next {right:-15px}
.photo {margin-bottom:16px}

.valMobile {z-index:3}
.contImagen {display:none}
.contImagen.hackDNP {display:block}


.hForPrice .pricePer100 {font-size:10px; width:100%; bottom:-15px}
.priceC:first-of-type {margin-top:10px}
.gallery a.miniZ {display:inline-block; margin-bottom:10px}

.bs-tether-target-attached-bottom .tooltip-inner {margin-left:125px !important;}
.bs-tether-target-attached-bottom .tooltip-inner::before {left:150px !important}
body.es #divLoteMasVendido .contCuotaMensual {display:none !important}
#right .btn-grabar {margin-top:48px !important}
.bTdots {margin-top:48px !important}

.pricePer100 {position: absolute; bottom:-10px; margin-top:0px; line-height:1em; letter-spacing:-0.2px; left:2px}
#listPrices .row.mar-t-2x.pad-b-1x .pricePer100 {position: relative; bottom: auto; letter-spacing:0px; left: auto; line-height:inherit}
}

@media only screen and (max-width: 360px) {
    .photo img.miniZoom {width:70px}
    .contCapacidad, .discount .pdto, .contPrecioNuevo, .contTachado {font-size:13px !important}
    a.newStyle2 .priceFormat, .dStyle .carousel-item a .priceFormat {font-size:25px}
}
@media only screen and (max-width: 335px) {
    .photo img.miniZoom {width:60px}
    .selectAmountPrice {font-size:14px !important}
    .contButtons .btn.btn-buy, .contButtons .avisame {font-size: 13px !important; padding:1em .5em}
    .pricePer100 {font-size:10px}
}


@media only screen and (min-width: 768px) {
.gallery {position: absolute; bottom:40px; left:0px; top:auto !important}
.gallery a {display:block; margin-bottom:15px}
.photo img.miniZoom, .photo .active img.miniZoom {border-width:2px !important}
.photo {margin-top:-14px}
img.z {position:relative; left:20px}
.steps {padding:10px 0 5px 0;}
#sex_TAR {top:17px !important}
.contCapacidad {margin-left:20%}
.btn-grabar {margin-top:10px; margin-bottom:0px; top:5px}
.openModifaceC {margin-top:-50px}
}

@media only screen and (min-width: 768px) and (max-width: 1091px) {
    .priceFormat {font-size:18px !important}
}

@media only screen and (max-width: 335px) {
    .starsMobile .fa {font-size:14px}
    .starsMobile {margin-top:-4px}
}

a.newStyle img {position: relative; left:2px}

.contQuedan {display:none !important}
.wLogo {text-align:center}
.wLogo img {max-width:200px}

.withGift {
    margin: 15px -10px 10px -10px;
    width: calc(100% + 20px);
    min-height:72px;
}


@media only screen and (min-width: 1192px) and (max-width: 1399px) {
.contImagen .what.help.nwhelp.lastDesign {right:25px !important;}
.gallery a {margin-bottom:10px}
}
@media only screen and (min-width: 992px) and (max-width: 1191px) {
.contImagen .what.help.nwhelp.lastDesign {top:-1px !important; right:15px !important; width:25px !important}
.gallery a {margin-bottom:8px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contImagen .what.help.nwhelp.lastDesign {top:-1px !important; right:18px !important; width:30px !important}
}


@media only screen and (min-width: 992px) {
.bTdots .toMove {right:-15px !important}
.col-12.bTdots .no-PRD.wD .contButtons {width:calc(100% - 25px) !important}
.bTdots {margin-top:12px}
}

body .withGift.tryAndBuy {padding-left:12px !important; margin-bottom: -10px}

@media only screen and (max-width: 767px) {
    body .withGift.tryAndBuy.row {
    width: calc(100% + 35px);
    padding-left:0px !important;
    margin-left:-15px
    }
}


@media only screen and (min-width: 992px) and (max-width: 1399px) {
.specialContent .row .col-12.col-md-8.offset-md-2.col-lg-6.offset-lg-3 {-webkit-box-flex: 0; -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; margin-left: 10%;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.specialContent .row .col-12.col-md-8.offset-md-2.col-lg-6.offset-lg-3 {-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-left: 0%;}
}