﻿body {}

/*.giftFinderAll, .seoGF {max-width:900px}*/

.giftFinderAll2 {border-radius:8px; text-align:center; background-image:url(https://c.perfumesclub.com/nw/giftfinder/giftfinder-v2.png); background-repeat: no-repeat; background-position: center top; height:650px; padding: 5px 10% 25px 10%; -webkit-box-shadow: 0px 20px 10px -18px rgba(0,0,0,0.35); -moz-box-shadow: 0px 20px 10px -18px rgba(0,0,0,0.35); box-shadow: 0px 20px 10px -18px rgba(0,0,0,0.35); border: solid 1px #f3e0d7; width:100%; background-size:100% auto}
.allGF {/*background-color: rgba(255,255,255,0.95); border-radius:6px;*/ padding: 20px 10%; text-align:center; /*box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.25);*/ height:100%; overflow-y:auto}

img.gfIMG {max-width:520px; display:inline-block; margin-bottom:5px; margin-top: 20px}
.giftFinderAll2.gfContent img.gfIMG {margin-top:5px; max-width:300px}
.giftFinderAll2.gfIntro img.gfIMG {margin-top:8%}
.gfBreadcrumbs {margin:0 10px}
.gfBreadcrumbs .row {display:block; text-align:center}
.encuentra, .gFR {font-size: 16px; letter-spacing:1px; color:#807977; margin:0px 0 60px; font-weight:700; text-transform:uppercase}
.gFR {margin: 25px 0 15px 0; text-align: center; font-weight:600; border-bottom: dashed 1px #edd4c0; padding-bottom:12px}
a.empezar {border-radius:5px; font-size:24px; letter-spacing:2px; font-weight:600; background-color:#111; color:#fff; display: block; padding: 10px; text-align: center; position: relative; margin: 0 auto; max-width: 320px}
a:hover.empezar {background-color:#807977; box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.25);}
.gfBotonPrev .fa {display:inline-block; margin-right:6px}
.giftFinderAll3 {height:300px; padding-top:40px; padding-bottom: 40px; background-image:url(https://c.perfumesclub.com/nw/giftfinder/giftfinder3-v2.png);}
.giftFinderAll3 a.empezar {font-size: 16px; margin-top: 5px; max-width:260px;}
.giftFinderAll3 img.gfIMG {max-width:420px; margin-top:-10px}

.gfPreguntas div {margin: 16px 0 22px 0; font-weight:700; letter-spacing:1px; font-size: 18px; color:#807977}
.gfPreguntas ul, .gfPreguntas li {display:block; margin:0; padding:0; list-style: none;}
.gfPreguntas li {margin-bottom: 14px}
.gfPreguntas li a, a.gfBotonPrev, a.gfBotonPrevAll, a.empezarNew {display:block; border-radius:6px; border: solid 1px #7e7876; font-size: 15px; letter-spacing:0.5px; padding: 14px 6px; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15); background-color:#fff; color:#807977; font-weight:600; text-transform: uppercase}
.gfPreguntas li a:hover, a:hover.gfBotonPrev, a:hover.gfBotonPrevAll, a:hover.empezarNew {background-color:#807977; color:#fff; -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.65); -moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.65); box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.65);}

.gfBreadcrumbs div div.col {border-radius:10px; height: 14px; background-color: #f3e0d7; margin: 5px; width:14px; max-width:14px; display:inline-block; padding:0px !important}
.gfBreadcrumbs div div.col.activo {background-color:#e2b4a5}

a.gfBotonPrev, a.gfBotonPrevAll {text-align: left; display: inline-block;  margin-top:25px;  padding: 8px 5px 8px 20px; font-size:13px; color:#fff; background-color:#7e7876}
a.gfBotonPrev {opacity:0.6}
a.gfBotonPrevAll {text-align:center; padding:8px 5px}
a:hover.gfBotonPrev, a:hover.gfBotonPrevAll {background-color:#222; opacity:1}

.resultsGiftFinder {margin:25px 0 25px 0}

@media only screen and (min-width: 768px) {
    a.gfBotonPrev, a.gfBotonPrevAll {width:48%}
    a.gfBotonPrev {margin-right:3%}
}
@media only screen and (min-width: 768px) and (max-width: 1399px) {
    .giftFinderAll2 {height:580px}
    .giftFinderAll3 {height:300px !important; background-color:#f7f3ed}
    .giftFinderAll3 img.gfIMG {margin-top:0px}
    .giftFinderAll2.gfIntro img.gfIMG {margin-top:6%}
    body .giftFinderAll {margin-top:12px !important}
    img.gfIMG {max-width:480px}
    .encuentra, .gFR {margin:15px 0 40px}
}
@media only screen and (min-width: 768px) and (max-width: 1191px) {
    .giftFinderAll2 {height:520px}
    .giftFinderAll2.gfIntro img.gfIMG {margin-top:4%}
    body .giftFinderAll {margin-top:10px !important}
    img.gfIMG {max-width:350px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .giftFinderAll3 {height:230px; padding-top:20px}
    .giftFinderAll3 img.gfIMG {margin-bottom:0px}
    a.gfBotonPrev, a.gfBotonPrevAll {letter-spacing:0px; font-size:12px}
}
@media only screen and (max-width: 767px) {
    body .giftFinderAll.mar-t-3x {margin-top:15px !important}
    .giftFinderAll2 {background-image:url(https://c.perfumesclub.com/nw/giftfinder/giftfinder-m-v2.png); height:calc(100vh - 90px)}
    .giftFinderAll2.gfIntro, .giftFinderAll2.gfContent {height:calc(100vh - 120px); background-size:cover}
    img.gfIMG {max-width:260px}
    .giftFinderAll2.gfContent img.gfIMG {max-width:220px}
    .encuentra, .gFR {line-height:1.3em}
    a.empezar {padding: 15px 10px}
    .giftFinderAll2 {padding:15px}
    .gfContent img.gfIMG {max-width:200px; margin-bottom:10px}
    .allGF {padding:20px 15px 12px 15px}
    .gfPreguntas li {margin-bottom:10px}
    .gfPreguntas li a {padding: 12px 4px}
    .giftFinderAll3 {height:160px}
    .giftFinderAll3 img.gfIMG {max-width:200px; margin-top:0px; margin-bottom:0px}
    .giftFinderAll3 a.empezar {font-size:13px; max-width:200px; margin-top:-12px; letter-spacing:0.5px; padding:6px}
    .resultsGiftFinder .productList.gamas {padding:0px}
    .gFR {margin: 15px 0 15px 0; text-align: center; font-weight:600; border-bottom: dashed 1px #edd4c0; padding-bottom:7px; font-size:18px}
    .giftFinderAll2.gfIntro img.gfIMG {margin-top:37%}
    a.gfBotonPrev, a.gfBotonPrevAll {display:block; width:100%; margin-top:20px}
    a.gfBotonPrevAll {margin-top:12px}
}




/* NUEVO */

.productListSimpleGFnew {border-radius:6px; border: solid 1px #ddd; margin: 0 0 15px 0;}
.productListSimpleGFnew.selected {border-color:#111}
.productListSimpleGFnew a {display:block}
.resultsNewDGF .productListSimpleGFnew .pInfoSimple {padding: 3px 10px}
.textoExp {padding: 20px 10px; text-align:center; font-size: 15px; background-color:#f9e6df; line-height:1.35em; display: none}
body.es .textoExp {display:block}
.resultsNewDGF img.imgNGF {display: inline-block; margin: 30px 0 0 0; max-width: 200px}
.butGFNew {padding: 0 15px 15px 15px}
.resultsNewDGF .butGFNew {padding: 15px}
.butGFNew .buyMini, .butGFNew .buyMiniDark, .butGFNew .verRutina {font-size:14px; cursor: pointer; display: block; background-color: #111 !important;color: #fff !important;padding: .8em 1.6em !important;text-align: center;text-transform: uppercase;margin-top: 12px;font-weight: 600 !important; line-height:1.25; border-radius:4px}
    .butGFNew .buyMini {background-color:#DA2F76 !important}
    .butGFNew .buyMiniDark {background-color:#111 !important}
    .butGFNew .buyMini:hover, .butGFNew .verRutina:hover, .butGFNew .buyMiniDark:hover {background-color:#000 !important}

.verOpinionGF {cursor:pointer;}
.verOpinionGF:hover {text-decoration:underline !important}
/*.verOpinionGF, .dHidden {display:none}
.resultsNewDGF .verOpinionGF, .resultsNewDGF .dHidden {display:none}*/

.dHidden {opacity:0}
.productListSimpleGFnew .newPrice {margin: 0 0 0 10px !important; /*border-left: solid 1px #ccc; */padding-left:10px; display: inline-block}
.chooseRoutine, .gFR {font-size:21px; letter-spacing:1px; border: none; font-weight:400; color:#111}

.giftFinderNew4 {padding: 48px 10px; background-image:url(https://c.perfumesclub.com/nw/servicios/banner-gift-finder.jpg); background-size: auto 100%; background-repeat: no-repeat; background-position:center center; background-color:#f0e0d3;}

a.empezarNew {border-radius:4px; background-color:#111; color:#fff; padding:9px 12px; font-size:15px !important}
.giftFinderNew4 .allGF {padding:20px 0}
.giftFinderNew4b .gfBreadcrumbs div div.col {width:24.5%; max-width:24.5%; margin: 5px 0; background-color:#ddd}
.giftFinderNew4b .gfBreadcrumbs div div.col.activo {background-color:#111}
.giftFinderNew4b .gfPreguntas div {font-weight:400; letter-spacing:0.5px; font-size: 21px; margin:24px 0 28px 0; color:#111}

.giftFinderNew4b .gfPreguntas li a, .giftFinderNew4b a.gfBotonPrev, .giftFinderNew4b a.gfBotonPrevAll, a.empezarNew {background-color:#111 !important; color:#fff; margin-bottom:20px; border-radius:4px; letter-spacing:0.5px; font-size:16px}
.giftFinderNew4b .gfPreguntas li a:hover, .giftFinderNew4b a:hover.gfBotonPrev, .giftFinderNew4b a:hover.gfBotonPrevAll, a:hover.empezarNew {background-color:#000 !important}
.giftFinderNew4b .gfPreguntas, .giftFinderNew4b a.gfBotonPrev, .giftFinderNew4b a.gfBotonPrevAll {margin: 0 auto; max-width:600px}
.giftFinderNew4b a.gfBotonPrev, a.empezarNew {margin-top:40px; color:#111 !important; background-color:#fff !important; border: solid 1px #111 !important; width:100%; padding:12px 6px; text-align:center}
a.empezarNew {margin-top:20px}
.giftFinderNew4b a:hover.gfBotonPrev, a:hover.empezarNew {color:#000 !important; background-color:#fff !important; border: solid 1px #000 !important}
a.empezarNew {font-size:16px !important}

#divValoracionesPagina .fa-star {display:inline-block; font-size: 17px; margin-right: 1px; color: #ffc300;}
#divValoracionesPagina .fa-star.grey {color:#ccc !important}
.traduGoogle {margin-top:2px !important; font-size:11px !important}
#modalNuevoComentario .modal-lg {max-width:550px}
#modalNuevoComentario #opinionContent {max-height:86vh; overflow: auto}

.faBread {opacity:0.2; display:inline-block; margin: 0 5px}
.viewMini {margin-top:20px !important}

@media only screen and (max-width: 767px) {
    .giftFinderNew4 {background-position: 12% center; }
    .giftFinderNew4 .back-white {opacity:0.9}
    .giftFinderNew4b .gfBreadcrumbs div div.col {width:24%; max-width:24%}
    .giftFinderNew4b .gfPreguntas li a, .giftFinderNew4b a.gfBotonPrev, .giftFinderNew4b a.gfBotonPrevAll, a.empezarNew {margin-bottom:12px; font-size:14px !important}
    .giftFinderNew4b .gfPreguntas div {margin:16px 0}
    .textoExp {margin-top:10px}
    .resultsGiftFinder .pInfoDes {margin-top:12px}
}
@media only screen and (min-width: 768px) {
    .productListSimpleGFnew .pInfoSimple {min-height:123px}
    .textoExp {min-height:84px}
    .giftFinderNew4b .giftFinderNew4 {background-size:60% auto}
}

#EnvioMailSubmit {color:#fff !important; background-color:#111 !important; border-radius:0px !important}
#EnvioMailSubmit:hover { background-color:#000 !important}
.text-underline.font-w-600 {text-decoration:underline !important}
.text-underline.font-w-600:hover {color:#000 !important}

