#jnj-tiles-node-10096 .box-generic-expand-content-1.active,#jnj-tiles-node-10096 .box-generic-expand-content.no-image,#jnj-tiles-node-10096.yes-expand .box-generic-expand{height:100%!important}#jnj-tiles-node-10096 .box-generic-expand-content-1.active,#jnj-tiles-node-10096 .box-generic-expand-content.no-image,#jnj-tiles-node-10096 .full-height,#jnj-tiles-node-10096 div#test-etapas-app{height:100%}#jnj-tiles-node-10096 .box-generic-expand-content div.active{margin-right:0!important}.long-option-img{width:50%!important}#test-etapas-app a{text-decoration:none;z-index:1000;cursor:pointer!important}.show-none{display:none!important}#jnj-tiles-node-10096 .yes-expand .box-generic-expand-sidebar{width:100%!important;margin-top:0!important}#jnj-tiles-node-10096 .text{width:80%;margin:0 auto}.blue-dark-text{color:#143c5d!important}.center{text-align:center}.test-etapas .question-title img{position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;top:0}.test-etapas .question-title .question-number{text-decoration:underline;font-weight:400!important;text-align:center;font-size:4em!important;margin:0!important}.test-etapas .question-title h1{font-size:2.2em;font-weight:600;text-align:center;margin:0 0 .5em;line-height:1}div#jnj-tiles-node-10096.open{height:430px!important}div#jnj-tiles-node-10096.open.result{height:600px!important}.option-long{font-size:1.6em!important}.short{width:24%!important;margin-left:0!important}.long-title{font-size:3.5em!important}.test-etapas{position:relative;height:100%;background-image:url(/sites/default/files/content-images/marca_lubriderm/bkg-box-etapas_0.jpg);background-size:cover}.test-etapas .button-wrapper h3{vertical-align:middle;font-size:1.1em;line-height:1.1;margin:0;font-weight:400}.test-etapas .steps{position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;bottom:5%}.test-etapas .steps .runner{position:relative;width:30px;height:30px;border-radius:20px;border:2px solid #E7425F;-webkit-transition:all .5s ease-in;-ms-transition:all .5s ease-in;-moz-transition:all .5s ease-in;-o-transition:all .5s ease-in;transition:all .5s ease-in;top:25px}.test-etapas .steps .runner.road1{-webkit-transform:translateX(215px);-ms-transform:translateX(215px);-moz-transform:translateX(215px);-o-transform:translateX(215px);transform:translateX(215px)}.test-etapas .steps .runner.road2{-webkit-transform:translateX(303px);-ms-transform:translateX(303px);-moz-transform:translateX(303px);-o-transform:translateX(303px);transform:translateX(303px)}.test-etapas .steps .runner.road3{-webkit-transform:translateX(390px);-ms-transform:translateX(390px);-moz-transform:translateX(390px);-o-transform:translateX(390px);transform:translateX(390px)}.test-etapas .steps .runner.road4{-webkit-transform:translateX(478px);-ms-transform:translateX(478px);-moz-transform:translateX(478px);-o-transform:translateX(478px);transform:translateX(478px)}.test-etapas .steps .runner.road5{-webkit-transform:translateX(566px);-ms-transform:translateX(566px);-moz-transform:translateX(566px);-o-transform:translateX(566px);transform:translateX(566px)}.test-etapas .steps .runner.road6{-webkit-transform:translateX(654px);-ms-transform:translateX(654px);-moz-transform:translateX(654px);-o-transform:translateX(654px);transform:translateX(654px)}.test-etapas .steps .runner.road7{-webkit-transform:translateX(741px);-ms-transform:translateX(741px);-moz-transform:translateX(741px);-o-transform:translateX(741px);transform:translateX(741px)}.test-etapas .steps img{display:block;width:55%;margin:0 auto}.hydro-expand.new-line.test .divider{width:calc(100% - 220px);display:block;margin:0 auto;height:1px;background-color:#2396cc}.hydro-expand.new-line.test .vertical-divider{height:42px;width:1px;background:#FFF;margin-right:15px}.hydro-expand.new-line.test .logo-container{text-align:center;margin-right:15px}.hydro-expand.new-line.test .logo-container h3{margin:0}.hydro-expand.new-line.test .hydro-ex-title{padding:10px 0 10px 30px;width:100%;box-sizing:border-box;display:flex;align-items:center}.hydro-expand.new-line.test .logo-container img{width:165px;max-width:100%}.hydro-expand.new-line.test .question p{font-size:1.1em;margin-bottom:10px}.hydro-expand.new-line.test .question h2{font-size:1.7em;line-height:1.2em}.hydro-expand.new-line.test .hydro-expand-content{padding:20px 0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:0}.hydro-expand.test .question{display:none}.hydro-expand.test .question.active{display:block}.text-center{text-align:center}img.center-img{display:block;margin:0 auto}.hydro-expand.test img.icon{width:145px;margin-bottom:10px}.hydro-expand.test .button-wrapper{text-align:center;margin-top:30px}.hydro-expand.test a.btn{vertical-align:middle;display:inline-block;text-decoration:none}.hydro-expand.test a.btn img{width:65%;margin:0 20px}.hvr-sweep-to-left:before,.hvr-sweep-to-right:before{background:#7acde8!important}.start#welcome .product-result .result-title img.humectacion{width:330px}.hydro-expand.test .answers{display:none!important;padding-top:20px}.hydro-expand.test .answer-yes.active{display:block!important}.product-result .icon-reset{width:35px;position:absolute;top:5px;left:10px}.product-result .icon-reset:hover{cursor:pointer}.product-result .result-title img{display:block;margin:0 auto;padding:10px}.product-result .result-title h2{text-align:center;margin:2px 0;font-size:2.4em}.product-result .result-title p{display:block;text-align:center;font-size:1.1em;width:85%;margin:0 auto 19px}.test-etapas .question-title h1{position:relative;z-index:100}.product-result .result-content{display:-ms-flexbox;display:-webkit-flex;display:flex;padding:0 5% 2%}.product-result .result-content .column-content{width:33.33333%}.product-result .result-content .column-content .result-text{margin:20px 0 0}.product-result .result-content .column-content .result-text .flex-img-text{display:flex;align-items:center;flex-direction:row}.product-result .result-content .column-content .result-text .flex-img-text img{flex:0 0}.product-result .result-content .column-content .result-text .flex-img-text img.min{width:25px;flex-basis:25px;height:auto},.product-result .result-content .column-content .result-text .flex-img-text h3,.product-result .result-content .column-content .result-text .flex-img-text p{flex:1 1 100px}.product-result .result-content .column-content .result-text img{width:16%;display:inline-block;margin-right:5px;vertical-align:middle}.product-result .result-content .column-content .result-text h3{display:inline-block;font-size:1.8em;vertical-align:middle;margin:0;font-weight:600;line-height:1}.product-result .result-content .column-content .result-text p{display:block;font-size:1em;margin:5px 0}.product-result .result-content .packshot-mobile{display:none}.product-result .result-content .result-packshot img{display:block;width:85%;margin:0 auto}.product-result{position:relative}.etapas-logo,.img-cola,.num-1{position:absolute}.logo-title{width:11em}.etapas-logo{width:18em;bottom:15px}.img-cola{width:30%;bottom:-10px;right:0}.num-1{bottom:-15px;right:1%;width:20%}@media only screen and (max-width:640px){.hydro-expand.test img.icon{width:110px!important;margin-bottom:5px}.hydro-expand.new-line.test .question p{font-size:.9em}.hydro-expand.new-line.test .question h2{font-size:1.3em;line-height:1.2em}.hydro-expand.new-line.test .question h2 br,.hydro-expand.new-line.test .question p br{display:none}.hydro-expand.new-line.test .hydro-ex-title{padding:22px 0 10px 22px}.test-etapas .steps img{display:block;width:90%;margin:0 auto}.test-etapas .steps .runner{width:20px;height:20px;top:18px}.test-etapas .steps .runner.road1{-webkit-transform:translateX(8px);-ms-transform:translateX(8px);-moz-transform:translateX(8px);-o-transform:translateX(8px);transform:translateX(8px)}.test-etapas .steps .runner.road2{-webkit-transform:translateX(55px);-ms-transform:translateX(55px);-moz-transform:translateX(55px);-o-transform:translateX(55px);transform:translateX(55px)}.test-etapas .steps .runner.road3{-webkit-transform:translateX(100px);-ms-transform:translateX(100px);-moz-transform:translateX(100px);-o-transform:translateX(100px);transform:translateX(100px)}.test-etapas .steps .runner.road4{-webkit-transform:translateX(145px);-ms-transform:translateX(145px);-moz-transform:translateX(145px);-o-transform:translateX(145px);transform:translateX(145px)}.test-etapas .steps .runner.road5{-webkit-transform:translateX(190px);-ms-transform:translateX(190px);-moz-transform:translateX(190px);-o-transform:translateX(190px);transform:translateX(190px)}.test-etapas .steps .runner.road6{-webkit-transform:translateX(235px);-ms-transform:translateX(235px);-moz-transform:translateX(235px);-o-transform:translateX(235px);transform:translateX(235px)}.test-etapas .steps .runner.road7{display:none}.long-option-img{width:50%!important}.hydro-expand.test a.btn img{margin:0 auto}.test-etapas .question-title img{top:0}.test-etapas .question-title .question-number{font-size:3em}.test-etapas .question-title h1{font-size:1.3em;line-height:1;padding:0 7%;margin-top:5%}.hydro-expand.test .button-wrapper{margin-top:15px}.test-etapas .question-options{flex-wrap:wrap}.test-etapas .question-options .question-option{width:49%!important;margin:2% auto!important}.test-etapas .question-options .question-option img{width:55%!important;display:block;margin:1% auto}.test-etapas .question-options.small-icons .question-option img{width:65%!important}.test-etapas .question-options .question-option h3{font-size:.9em!important;margin-top:8px!important}.product-result .result-title img.humectacion{width:65%;margin:20px auto 0}.product-result .result-title img.logo-title{width:9em}.product-result .result-title h2{margin:2px 0;font-size:1.8em;line-height:1;padding:0 20px}.product-result .result-content{flex-direction:column;padding:0 15px}.product-result .result-content .column-content{width:100%}.product-result .result-content .column-content .result-text{margin:0 0 20px}.product-result .result-content .column-content .result-text h3{font-size:1.5em}.product-result .result-content .column-content .result-text img{width:20%}.product-result .result-content .column-content .result-text p{font-size:1em}.product-result .result-content .packshot-mobile{display:block}.product-result .result-content .packshot-mobile img{display:block;margin:6px auto 0;width:60%}.etapas-logo,.product-result .result-content .result-packshot,.test-etapas .question-options .question-option .check-round{display:none}.product-result .result-content .result-packshot img{margin:10px auto;width:60%}div#jnj-tiles-node-10096.open{height:460px!important}div#jnj-tiles-node-10096.open.result{height:900px!important}.img-cola{bottom:-60px;width:50%}.num-1{position:relative;width:auto;bottom:0}div.section-bottom{text-align:right;display:block}}@media only screen and (min-width:1880px){div#jnj-tiles-node-10096.open{height:530px!important}.hydro-expand.new-line.test .logo-container img{margin-top:5px!important}.product-result .icon-reset{width:30px}.test-etapas .steps .runner.road1{-webkit-transform:translateX(197px);-ms-transform:translateX(197px);-moz-transform:translateX(197px);-o-transform:translateX(197px);transform:translateX(197px)}.test-etapas .steps .runner.road2{-webkit-transform:translateX(279px);-ms-transform:translateX(279px);-moz-transform:translateX(279px);-o-transform:translateX(279px);transform:translateX(279px)}.test-etapas .steps .runner.road3{-webkit-transform:translateX(361px);-ms-transform:translateX(361px);-moz-transform:translateX(361px);-o-transform:translateX(361px);transform:translateX(361px)}.test-etapas .steps .runner.road4{-webkit-transform:translateX(443px);-ms-transform:translateX(443px);-moz-transform:translateX(443px);-o-transform:translateX(443px);transform:translateX(443px)}.test-etapas .steps .runner.road5{-webkit-transform:translateX(525px);-ms-transform:translateX(525px);-moz-transform:translateX(525px);-o-transform:translateX(525px);transform:translateX(525px)}.test-etapas .steps .runner.road6{-webkit-transform:translateX(607px);-ms-transform:translateX(607px);-moz-transform:translateX(607px);-o-transform:translateX(607px);transform:translateX(607px)}.test-etapas .steps .runner.road7{-webkit-transform:translateX(688px);-ms-transform:translateX(688px);-moz-transform:translateX(688px);-o-transform:translateX(688px);transform:translateX(688px)}.product-result .result-content .result-packshot img{width:90%}.etapas-logo{bottom:105px}.test-etapas .steps{bottom:8%}.img-cola{display:none}.num-1{bottom:0;width:auto}.hydro-expand.new-line.test .hydro-expand-content{height:calc(100% - 86px)}.hydro-expand.test img.icon{width:160px!important}.hydro-expand.new-line.test .question h2{margin-top:15px!important}}