/* Start:/local/templates/rhea/components/bitrix/sale.basket.basket.line/bootstrap_v4/style.min.css?16473632864008*/ .basket-line-block{position:relative;padding-left:25px;white-space:nowrap;font-size:13px}.basket-line-block-icon-cart,.basket-line-block-icon-profile{position:relative;margin-right:10px}.basket-line-block-icon-cart:after,.basket-line-block-icon-profile:after{position:absolute;top:-1px;left:-25px;display:block;width:20px;height:20px;content:''}.basket-line-block-icon-profile:after{background:no-repeat center url(/local/templates/rhea/components/bitrix/sale.basket.basket.line/bootstrap_v4/images/profile.svg)}.basket-line-block-icon-cart:after{background:no-repeat center url(/local/templates/rhea/components/bitrix/sale.basket.basket.line/bootstrap_v4/images/cart.svg)}@media(min-width:768px){.bx-basket-fixed{position:fixed;z-index:998;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:998;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-item-list{display:none}}.bx-basket-fixed .basket-line-block{margin-left:10px}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:0}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:bold;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:250ms linear all}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:'';transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .basket-line{line-height:1.44em} /* End */ /* Start:/local/templates/rhea/template_styles.css?1755724995164257*/ *,:before,:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } @font-face { font-family: 'Century Gothic'; src: url('/local/templates/rhea/fonts/century_gothic.eot'); /* IE 9 Compatibility Mode */ src: url('/local/templates/rhea/fonts/century_gothic.eot?#iefix') format('embedded-opentype'), /* IE < 9 */ url('/local/templates/rhea/fonts/century_gothic.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/rhea/fonts/century_gothic.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */ url('/local/templates/rhea/fonts/century_gothic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/rhea/fonts/century_gothic.svg#century_gothic') format('svg'); /* Chrome < 4, Legacy iOS */ } @font-face { font-family: 'Century Gothic Gras'; src: url('/local/templates/rhea/fonts/century_gothic_gras.eot'); /* IE 9 Compatibility Mode */ src: url('/local/templates/rhea/fonts/century_gothic_gras.eot?#iefix') format('embedded-opentype'), /* IE < 9 */ url('/local/templates/rhea/fonts/century_gothic_gras.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/rhea/fonts/century_gothic_gras.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */ url('/local/templates/rhea/fonts/century_gothic_gras.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/rhea/fonts/century_gothic_gras.svg#century_gothic_gras') format('svg'); /* Chrome < 4, Legacy iOS */ } @font-face { font-family: 'Century Gothic Gras Italique'; src: url('/local/templates/rhea/fonts/century_gothic_gras_italique.eot'); /* IE 9 Compatibility Mode */ src: url('/local/templates/rhea/fonts/century_gothic_gras_italique.eot?#iefix') format('embedded-opentype'), /* IE < 9 */ url('/local/templates/rhea/fonts/century_gothic_gras_italique.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/rhea/fonts/century_gothic_gras_italique.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */ url('/local/templates/rhea/fonts/century_gothic_gras_italique.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/rhea/fonts/century_gothic_gras_italique.svg#century_gothic_gras_italique') format('svg'); /* Chrome < 4, Legacy iOS */ } @font-face { font-family: 'Century Gothic Italique'; src: url('/local/templates/rhea/fonts/century_gothic_italique.eot'); /* IE 9 Compatibility Mode */ src: url('/local/templates/rhea/fonts/century_gothic_italique.eot?#iefix') format('embedded-opentype'), /* IE < 9 */ url('/local/templates/rhea/fonts/century_gothic_italique.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/rhea/fonts/century_gothic_italique.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */ url('/local/templates/rhea/fonts/century_gothic_italique.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/rhea/fonts/century_gothic_italique.svg#century_gothic_italique') format('svg'); /* Chrome < 4, Legacy iOS */ } @font-face { font-family: 'icon'; src: url("/local/templates/rhea/fonts/icons/icomoon.eot"); src: url("/local/templates/rhea/fonts/icons/icomoon.eot?p5vt56#iefix") format("embedded-opentype"), url("/local/templates/rhea/fonts/icons/icomoon.ttf?p5vt56") format("truetype"), url("/local/templates/rhea/fonts/icons/icomoon.woff?p5vt56") format("woff"), url("/local/templates/rhea/fonts/icons/icomoon.svg?p5vt56#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'icon2'; src: url("/local/templates/rhea/fonts/icons/icomoon-free.ttf"); src: url("/local/templates/rhea/fonts/icons/icomoon-free.ttf?p5vt56") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } html { font-size: inherit; } .wrapper_inner { padding: 0 15px; max-width: 1200px; margin: 0 auto; } .nomobile { } @media (max-width: 990px ) { .nomobile { display: none !important; } } .nodesktop { display: none !important } @media (max-width: 990px ) { .nodesktop { display: block !important; } } body { -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: 'Century Gothic'; line-height: 1.5rem; font-size: 1.1rem; margin: 0; overflow-x: hidden; height: 100vh; } input[type=text], input[type=email], input[type=password],input[type=number], textarea, select { font-family: 'Century Gothic'; outline: none; padding: 0.5rem; font-size: 1.2rem; border: solid 1px rgba(0,0,0,0.3); margin-bottom: 1rem; width: 100%; } select { margin-bottom: 1.5rem; } input:focus, select:focus, button:focus { outline: 0; } input::placeholder { color: rgb(0,0,0,0.3); } a { color: #000000; text-decoration: none; } img { display: block; user-select: none; } h1 { font-family: 'Century Gothic Gras'; font-size: 2.5rem; line-height: 2.5rem; margin: 0; margin-bottom: 0.5rem; } h2 { font-family: 'Century Gothic'; font-size: 1.5rem; line-height: 2rem; margin: 0; margin-bottom: 0.5rem; font-weight: 600; } h5 { font-size: 1.3rem; margin: 0; margin-top: 1.5rem; margin-bottom: -1.5rem; padding-bottom: 1.5rem; color: #000000; border-bottom: dashed 1px rgba(0,0,0,0.2); } a:hover { color: #73B9B8; transition: all 0.3s; } button { display: block; font-family: 'Century Gothic Gras'; font-size: 1.1rem; padding: 0.6rem 3rem; text-align: center; background-color: #fff; border: solid 3px #000; cursor: pointer; transition: background-color 0.5s; } button::first-letter { text-transform: uppercase; } button.bianco { color: #ffffff; border-color: #ffffff; } button.trasparente { background-color: transparent; } button:not(.x2):hover { background-color: #73B9B8; transition: background-color 0.3s; } button.x2 { border: none; font-family: 'Century Gothic Gras'; font-weight: bold; opacity: 0.3; margin-right: 1rem; transition: all 0.3s; background: none; padding-left: 1rem; padding-right: 1rem; } button.x2:hover { opacity: 1; transition: all 0.3s; } gsap { xdisplay: none; } missing { color: red; } colore { display: inline-block; width: 1rem; height: 1rem; border-radius: 5rem; } reg { font-size: 0.9rem; margin-left: 0.1rem; } reg2 { position: relative; font-size: 0.7rem; top: -0.4rem; } reg3 { position: relative; font-size: 0.9rem; top: -0.8rem; } .nascosto { display: none; } .uppercase { text-transform: uppercase; } .cookiebanner { z-index: 2000; position: fixed; bottom: 2rem; left: 2rem; width: calc(100% - 1rem); max-width: 40rem; padding: 1.5rem; padding-bottom: 1rem; font-size: 1rem; line-height: normal; border-radius: 0.3rem; box-shadow: 1px 1px 10px rgba(0,0,0,0.5); background-color: #fff; z-index: 100000; } .cookiebanner img { position: absolute; height: 2.5rem; top: -1.5rem; left: -0.5rem; } .cookiebanner button { display: block; margin: 0 auto; margin-top: 1.5rem; font-size: 1rem; border: solid 2px; padding: 0.5rem 1.5rem; background-color: #009688; color: #fff; } .cookiebanner a { color: #73B9B8; } @media screen and (max-width: 760px) { .cookiebanner { left: 1rem; max-width: 100%; width: calc(100% - 2rem); } } .stars { display: inline-grid; width: 100px; position: relative; margin-bottom: 1.5rem; cursor: pointer; } .stars > img { width: 100%; } .stars > img:nth-child(2) { position: absolute; top: 0; left: 0; } .stars > img.comment { width: auto; position: absolute; height: 1.4rem; right: -3rem; top: 50%; transform: translateY(-50%); margin-left: 115px; } .stars > span { position: absolute; top: 50%; left: 100%; margin-left: 0.5rem; transform: translateY(-40%); font-size: 0.9rem; opacity: 0.5; } .promo { z-index: 2000; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 600px; width: calc(100% - 2rem); padding: 1rem; padding-bottom: 1rem; font-size: 0.8rem; line-height: 1rem; box-shadow: 1px 1px 30px rgba(0,0,0,0.7); background-color: #fff; } .promo img { width: 100%; } .promo .x { position: absolute; top: -1rem; right: -1rem; height: 2rem; width: 2rem; padding: 0.5rem; border-radius: 5rem; background-color: #000; box-shadow: 1px 1px 10px rgba(0,0,0,0.5); cursor: pointer; } .html5video-wrapper { display: grid; justify-content: center; position: relative; width: 100%; cursor: pointer; } .html5video-video { display: grid; height: 25rem; } .html5video-playpause { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url(/local/templates/rhea/ico/play.svg); background-repeat: no-repeat; background-size: 3rem auto; background-position: center center; } scontato { text-decoration: line-through; font-family: 'Century Gothic'; font-weight: normal; opacity: 0.5; font-size: 1.1rem; margin-left: 0.5rem; } .sconto-badge1 { position: absolute; height: 4rem; top: -20rem; left: -2rem; filter: drop-shadow( 0 3px 3px rgba(0,0,0,0.2)); } .sconto-badge2 { position: absolute; height: 4rem; top: 1rem; left: 15rem; filter: drop-shadow( 0 3px 3px rgba(0,0,0,0.2)); } .main-page button:hover { background-color: #CAD458; } .main-container-3 button:hover { background-color: #9D81AB; } .main-container-7 button:hover { background-color: #2F5A65; } .main-container-info button:hover { background-color: #C3D21E; } form { xxmargin-top: 3rem; } form button, form label { display: block; width: 100%; } form input[type=text], input[type=email], input[type=password], input[type=number], textarea { margin-bottom: 1.5rem; width: 100%; } form button { margin-top: 3rem; max-width: 25rem; } form input[type=checkbox] { margin: 0; margin-top: 2px; } .grid-2col { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1rem; } .grid-2col button { width: 100% !important; } form .grid-3col { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 2rem; } label { font-size: 0.9rem; line-height: 1.2rem; margin-bottom: 0.3rem; } exe { position: fixed; top: 0; left: 0; background-color: #000000; color: #ffffff; font-family: Courier; } .testo { font-size: 1.2rem; line-height: 1.5rem; } .testo sup { font-size: 0.5em; } .testo .text-link { font-weight: bold; text-decoration: underline; } .testo .ico { display: inline; height: 1.5rem; } .testo b { display: block; margin-bottom: 0.5rem; } .grid-1fr-1fr, .grid-1fr-1fr-top { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 5rem; margin-bottom: 6rem; } .grid-3fr-2fr { grid-template-columns: 3fr 2fr; } .main-home-sezioni { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 3rem; } .main-home-sezioni img { width: 100%; } @media (max-width:1050px ) { .main-home-sezioni { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 1rem; } } @media (max-width:768px ) { .main-home-sezioni { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1rem; } } .grid-1fr-1fr:last-child, .grid-1fr-1fr-top:last-child { margin-bottom: 0; } .grid-1fr-1fr span, .grid-1fr-1fr-top span { display: block; margin-bottom: 1.5rem; } .grid-1fr-1fr button, .grid-1fr-1fr-top button { } .grid-1fr-1fr-top > div:nth-child(2) { display: grid; margin-top: -5rem; justify-content: right; align-content: start; } .grid-1fr-1fr-top { xgrid-gap: 3rem; } .main-container { display: grid; justify-content: center; } .main-container-page, .main-container-journal { padding-top: 5rem; padding-bottom: 10rem; background-color: rgba(0,0,0,0.02); } .main-container-journal { background-color: #3E9CB5; } .main-container-journal .main-journal-post img.nomobile { max-width: 100%; } .main-container.main-container-page.blog-main-news-header { padding-bottom: 0; background-color: rgb(62 156 181); } .main-container.main-container-page.blog-main-news-header h1 { color: #fff; margin-bottom: 0; } .main-container-login, .main-container-registrati { background-color: #F3F5D9; } .main-linea, .main-login, .main-registrati { padding-right: 40%; } .main-container-page h1 { font-size: 4.5rem; line-height: 4.5rem; margin-bottom: 4rem; margin-left: -4px; /* font fix */ margin-top: -20px; /* font fix */ } .main-container-page .h1-smaller { font-size: 3.9rem; line-height: 3.9rem; } .main-container-page .h1-letterspacing { letter-spacing: -3px; } .main-container > .main > div { position: relative; } .main-container-1 { padding-top: 5rem; background-color: #F8F8F8; } .main-container-2 { background: #ffffff url(/local/templates/rhea/images/home-rhea-2.jpg) center bottom no-repeat; padding-top: 5rem; height: 750px; } .main-container-2 h1 { margin-bottom: 3rem; } .main-container-3 { background-color: #C7B8CF; color: #ffffff; } .main-container-4, .main-container-6 { padding: 5rem 0; } .main-container-7 { color: #ffffff; background-color: #62AFC3; background-image: url(/local/templates/rhea/images/home-rhea-solari.jpg), linear-gradient(to bottom right,#73B7C9,#3E8A9E); background-repeat: no-repeat; background-position: center bottom; height: 700px; } .main-container-8 { padding-top: 5rem; } .main-container-3 > .main > div:nth-child(2), .main-container-5 > .main > div:nth-child(2), .main-container-6 > .main > div:nth-child(1), .main-container-7 > .main > div:nth-child(2) { display: grid; align-content: center; } .main-container-3 button, .main-container-4 button, .main-container-5 button, .main-container-6 button, .main-container-7 button, .main-container-8 button { margin-top: 4rem; } .main-container-3 h1, .main-container-4 h1, .main-container-5 h1, .main-container-6 h1, .main-container-7 h1 { margin-bottom: 4rem; width: 100%; } .main-container-8 h1 { margin-bottom: 4rem; width: 100%; } .main-container-8 h2 { margin-bottom: 2rem; font-size: 2rem; line-height: 2.2rem; font-family: 'Century Gothic Gras'; } .main-container-4 .label, .main-container-5 .label, .main-container-6 .label { position: absolute; font-size: 3.5rem; font-family: 'Century Gothic Gras'; color: #ffffff; } .main-container .label, .main-container .label-h1 { text-transform: uppercase; } .main-container-7 .label-h1 { font-size: 3.5rem; } .main-container-4 .label { top: 25%; left: 45%; } .main-container-5 .label { top: 35%; left: 35%; } .main-container-6 .label { top: 40%; left: 50%; } .main-container-8 .pro { display: grid; grid-template-columns: auto auto; } .main-container-8 .pro > div:nth-child(1) { padding-top: 2rem; padding-right: 4rem; border-top: solid 1px rgba(0,0,0,0.3); } .main-container-8 .pro > div:nth-child(2) { display: inline-grid; align-self: start; padding-top: 2rem; padding-left: 1rem; border-left: solid 1px rgba(0,0,0,0.3); color: rgba(0,0,0,0.5); } .main-container-8 .pro > div:nth-child(2) span { display: block; margin-bottom: 1rem; } .main-container-8 .pro-mobile { display: none; } .main-container-4 > .main > div:nth-child(1) { display: grid; align-content: center; } .main-container .foto-sezione { width: 100%; } .main-container .foto-sezione-smaller { width: 100%; max-width: 30rem; } .main-container-info { background-color: #F5F8CD; padding: 4rem 0; } .main-container-info button { display: inline; margin-top: 2rem; } .main-container-pretop { background-color: #ffffff; border-bottom: solid 1px rgba(0,0,0,0.15); height: 45px; align-content: center; align-items: center; } .main-container-top { position: relative; background-color: #ffffff; z-index: 10; } .main-container-footer { background-color: #EEEEF2; padding: 4rem 0 } .main-container-footer > .main { display: grid; grid-template-columns: auto auto auto; font-size: 1rem; line-height: 1.4rem; } .main-container-footer .logo-footer { height: 2.5rem; margin-bottom: 0.5rem; } .main-container-footer .loghi { display: grid; /*grid-template-rows: auto auto auto;*/ align-content: space-between; justify-content: right; } .main-container-footer .loghi > div { text-align: right; } .main-container-footer .loghi > div:nth-child(1) { align-content: start; justify-content: end; } .main-container-footer .loghi > div:nth-child(2) { align-content: center; } .main-container-footer .loghi > div:nth-child(3) { align-content: end; } .main-container-footer .loghi-1 { display: grid; grid-auto-flow: column; grid-gap: 2rem; align-items: center; } .main-container-footer .loghi-2 { display: grid; grid-auto-flow: column; grid-gap: 1rem; align-items: center; justify-content: right; } .main-container-footer .loghi-3 { display: grid; justify-content: right; align-content: end; } .main-container-footer .logo1 { height: 4rem; } .main-container-footer .logo2 { height: 3rem; } .main-container-footer .logo3 { display: inline; height: 4.5rem; opacity: 0.8; } .main-container-footer .footer-social-links { padding: 10px 0; display: flex; gap: 20px; } .main-container-footer .footer-social-links a { display: inline-block; } .main-pretop { display: grid; grid-auto-flow: column; grid-column-gap: 1.5rem; justify-content: right; align-items: center; user-select: none; z-index: 11; } .pretop-tagline { font-size: 0.8rem; text-transform: uppercase; font-weight: bold; color: rgba(0,0,0,0.7); text-align: right; } .pretop-menu, .pretop-lingue { display: grid; grid-column-gap: 1rem; grid-auto-flow: column; justify-self: right; } .pretop-lingue { grid-column-gap: 0.3rem; font-size: 1rem; } .pretop-ico { height: 1.5rem; } .top-logo img { height: 50px; } .main-top { display: grid; grid-template-columns: auto 1fr; align-content: center; align-items: center; background:#ffffff; height: 100px; user-select: none; } .menu-mobile { position: fixed; z-index: 1000; display: grid; opacity: 0; transform: translateX(100%); align-content: start; justify-content: right; justify-items: right; top: 0; left: 0; padding: 2rem; min-height: 100vh; max-height: 100vh; min-width: 100%; max-width: 100%; color: #fff; text-align: right; background-image: linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,0.9), rgba(0,0,0,0.6)); overflow: auto; } .menu-mobile > span, .menu-mobile a { font-size: 1.4rem; color: #fff; margin-bottom: 1.5rem; text-transform: uppercase; cursor: pointer; } .menu-mobile-submenu { display: none; padding-bottom: 1.5rem; margin-top: -0.5rem; } .menu-mobile-submenu a { font-size: 1.1rem; display: block; margin-bottom: 0.6rem; text-transform: none; color: rgba(255,255,255,0.7); } .menu-mobile-submenu-skincare { display: none; margin-bottom: 2rem; margin-top: -0.5rem; } .menu-mobile-submenu-skincare > span { display: block; font-size: 1.3rem; color: #fff; margin-bottom: 1.2rem; cursor: pointer; } .menu-mobile-submenu-skincare > span .no-child-section { margin-bottom: 0; text-transform: none; font-size: 1.3rem; } .menu-mobile-x { display: none; position: fixed; z-index: 2000 !important; top: 1.7rem; left: 0; height: 2rem; padding: 0.5rem; padding-left: 1rem; background-color: #000; } .menu-mobile-social { margin-top: 2rem; padding-bottom: 2rem; } .menu-mobile-social img { display: inline; height: 1.7rem; margin-left: 1rem; } .menu-mobile-lingue { display: grid; grid-template-columns: 2fr 1fr; align-items: center; margin-bottom: 3rem; } .menu-mobile-lingue a { display: inline-block; width: 2rem; padding: 0.1rem; text-align: center; font-size: 0.9rem; margin: 0; } .menu-mobile-lingue a:last-child { width: auto; padding: 0; } .menu-mobile-lingue .attivo { background-color: #fff; color: #000; font-weight: bold; } .menu-mobile-lingue img { height: 1.5rem; } .menu-mobile-logout { font-size: 0.9rem !important; opacity: 0.6 !important; margin-top: -2rem !important; margin-bottom: 3rem !important; } .top-menu-mobile-hamburger, .top-menu-mobile-bag, .top-menu-mobile-search { display: none; } .top-menu { display: grid; grid-auto-flow: column; justify-self: right; align-self: center; align-content: center; grid-column-gap: 1.5rem; align-content: center; } .top-menu > div { position: relative; display: grid; align-self: center; } .top-menu > div > a, .top-menu > div > span { font-family: 'Century Gothic'; font-weight: bold; cursor: pointer; text-transform: uppercase; font-size: 0.95rem; transition: all 0.5s; } @-moz-document url-prefix() { .top-menu > div > span { font-family: 'Century Gothic Gras'; font-weight: normal; } .product-item-detail-short-card-btn .btn.product-item-detail-buy-button, .main-prodotto .prodotto-info .h2-class, .main-prodotto .prodotto-prezzo span { font-weight: normal; } } .top-menu > div > a::first-letter, .top-menu > div > span::first-letter { text-transform: uppercase; } .top-menu > div > a:hover, .top-menu > div > span:hover { color: #73B9B8; transition: all 0.3s; } .top-menu > div > a.no-hover { border: none; } .top-menu-bag { position: relative; cursor: pointer; } .top-menu-bag img { height: 1.6rem; cursor: pointer; } .shopping-bag-counter { position: absolute; /*visibility: hidden;*/ display: grid; top: -0.2rem; right: -0.5rem; height: 21px; width: 21px; justify-content: center; align-content: center; font-size: 0.6rem; background-color: #58ACAB; color: #ffffff; border-radius: 5rem; border: solid 1px; } .hidden { visibility: hidden; } .top-menu-search { height: 1.5rem; cursor: pointer; } .top-menu-dropdown { z-index: 10; position: absolute; display: grid; visibility: hidden; top: 0; left: 50%; transform: translateX(-500%); margin-top: 2rem; padding: 2rem; padding-right: 3rem; font-weight: 0.95rem; background-color: #ffffff; box-shadow: 0 3px 20px rgba(0,0,0,0.1); border: solid 1px rgba(0,0,0,0.1); white-space: nowrap; } .top-menu-dropdown-skincare { position: fixed; top: 5rem; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; padding: 0; } .top-menu-dropdown-skincare > div { padding: 2.5rem; padding-top: 2rem; padding-bottom: 0.5rem; } .top-menu-dropdown-skincare > div:nth-child(1) { padding-right: 1rem; } .top-menu-dropdown-skincare > div:nth-child(3) { background-color: #f7f7f7; /*background-color: rgba(0,0,0,0.03);*/ } .top-menu-dropdown-skincare > div:nth-child(4) { background-color: #f2f2f2; /*background-color: rgba(0,0,0,0.05);*/ padding-right: 3rem; } .top-menu-dropdown-skincare b { display: block; font-size: 1rem; font-family: 'Century Gothic Gras'; font-weight: normal; margin-bottom: 0.8rem; } .top-menu-dropdown > span, .top-menu-dropdown > a { padding: 0.35rem 0; } .top-menu-dropdown:not(.top-menu-dropdown-cart) > span::before, .top-menu-dropdown > a::before { position: relative; display: inline-block; content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0OTIuMDA0IDQ5Mi4wMDQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5Mi4wMDQgNDkyLjAwNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxwYXRoIGZpbGw9IiM4MUMwQzAiIGQ9Ik0zODIuNjc4LDIyNi44MDRMMTYzLjczLDcuODZDMTU4LjY2NiwyLjc5MiwxNTEuOTA2LDAsMTQ0LjY5OCwwcy0xMy45NjgsMi43OTItMTkuMDMyLDcuODZsLTE2LjEyNCwxNi4xMmMtMTAuNDkyLDEwLjUwNC0xMC40OTIsMjcuNTc2LDAsMzguMDY0TDI5My4zOTgsMjQ1LjlsLTE4NC4wNiwxODQuMDZjLTUuMDY0LDUuMDY4LTcuODYsMTEuODI0LTcuODYsMTkuMDI4YzAsNy4yMTIsMi43OTYsMTMuOTY4LDcuODYsMTkuMDRsMTYuMTI0LDE2LjExNmM1LjA2OCw1LjA2OCwxMS44MjQsNy44NiwxOS4wMzIsNy44NnMxMy45NjgtMi43OTIsMTkuMDMyLTcuODZMMzgyLjY3OCwyNjVjNS4wNzYtNS4wODQsNy44NjQtMTEuODcyLDcuODQ4LTE5LjA4OEMzOTAuNTQyLDIzOC42NjgsMzg3Ljc1NCwyMzEuODg0LDM4Mi42NzgsMjI2LjgwNHoiLz48L2c+PC9nPjwvc3ZnPg=='); width: 8px; height: 8px; margin-right: 0.4rem; top: -0.1rem; } .top-menu-dropdown span.aperto::before, .top-menu-dropdown a.aperto::before { transform: rotate(90deg); top: 9px; left: 9px; } .top-menu-dropdown2 { overflow: hidden; font-weight: normal; white-space: nowrap; margin-bottom: 2rem; } .top-menu-dropdown2 a { display: block; line-height: 2rem; } .top-menu-dropdown span, .top-menu-dropdown2 span { cursor: pointer; } .top-menu-dropdown:not(.top-menu-dropdown-cart) > span:hover, .top-menu-dropdown > a:hover, .top-menu-dropdown2 a:hover { color: #81C0C0 } .top-menu-dropdown-cart, .top-menu-dropdown-search, .top-menu-dropdown-account { z-index: 100; } .top-menu-dropdown-account a { display: block; line-height: 1.2rem; } .top-menu-dropdown-cart { width: 22rem; padding-bottom: 1rem; } .top-menu-dropdown-cart a { line-height: 1rem; font-weight: normal; color: #58ACAB; } .top-menu-dropdown-cart-content, .top-menu-dropdown-cart-recap { display: grid; grid-template-columns: 1fr auto; align-items: center; grid-column-gap: 2rem; grid-row-gap: 0.5rem; font-size: 1.1rem; font-weight: normal; margin-bottom: 1rem; } .top-menu-dropdown-cart-recap { margin-bottom: 0; } .top-menu-dropdown-cart-content div:nth-child(2n) { text-align: right; opacity: 0.5; } .top-menu-dropdown-cart-recap { grid-template-columns: 1fr auto; padding-top: 1rem; padding-bottom: 1rem; border-top: solid 1px rgba(0,0,0,0.2); } .top-menu-dropdown-cart-recap img { height: 1.5rem; } .top-menu-dropdown-cart-recap button { padding-left: 0; padding-right: 0; margin-top: 0.5rem; margin-bottom: 0.5rem; grid-column: 1 / 3; } .top-menu-dropdown-cart-recap .spedizione { font-size: 0.8rem; color: rgba(0,0,0,0.5); line-height: 1.2rem; } .top-menu-dropdown2 a::before, .top-menu-dropdown-cart > a::before { position: relative; display: inline-block; content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0OTIuMDA0IDQ5Mi4wMDQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5Mi4wMDQgNDkyLjAwNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxwYXRoIGZpbGw9IiM4MUMwQzAiIGQ9Ik0zODIuNjc4LDIyNi44MDRMMTYzLjczLDcuODZDMTU4LjY2NiwyLjc5MiwxNTEuOTA2LDAsMTQ0LjY5OCwwcy0xMy45NjgsMi43OTItMTkuMDMyLDcuODZsLTE2LjEyNCwxNi4xMmMtMTAuNDkyLDEwLjUwNC0xMC40OTIsMjcuNTc2LDAsMzguMDY0TDI5My4zOTgsMjQ1LjlsLTE4NC4wNiwxODQuMDZjLTUuMDY0LDUuMDY4LTcuODYsMTEuODI0LTcuODYsMTkuMDI4YzAsNy4yMTIsMi43OTYsMTMuOTY4LDcuODYsMTkuMDRsMTYuMTI0LDE2LjExNmM1LjA2OCw1LjA2OCwxMS44MjQsNy44NiwxOS4wMzIsNy44NnMxMy45NjgtMi43OTIsMTkuMDMyLTcuODZMMzgyLjY3OCwyNjVjNS4wNzYtNS4wODQsNy44NjQtMTEuODcyLDcuODQ4LTE5LjA4OEMzOTAuNTQyLDIzOC42NjgsMzg3Ljc1NCwyMzEuODg0LDM4Mi42NzgsMjI2LjgwNHoiLz48L2c+PC9nPjwvc3ZnPg=='); width: 8px; height: 8px; margin-right: 0.4rem; top: -0.1rem; } .top-menu-dropdown-search { padding: 0; } .top-menu-dropdown-search input { margin: 1.5rem; border: none; border-bottom: solid 1px rgba(0,0,0,0.2); padding-left: 0; width: calc(100% - 3rem)!important; } .top-menu-dropdown-search [type="submit"] { visibility: hidden; } .top-menu-dropdown3 { overflow: hidden; grid-gap: 0.2rem; font-weight: normal; white-space: nowrap; } .top-menu-dropdown3 a { display: block; line-height: 1.8rem; padding-left: 1rem; } .top-menu-dropdown3 a:last-child { margin-bottom: 1rem; } .top-menu-dropdown3 span { cursor: pointer; } .top-menu-dropdown3 a:hover { color: #81C0C0 } .top-menu-dropdown3 a::before { position: relative; display: inline-block; content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0OTIuMDA0IDQ5Mi4wMDQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5Mi4wMDQgNDkyLjAwNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxwYXRoIGZpbGw9IiM4MUMwQzAiIGQ9Ik0zODIuNjc4LDIyNi44MDRMMTYzLjczLDcuODZDMTU4LjY2NiwyLjc5MiwxNTEuOTA2LDAsMTQ0LjY5OCwwcy0xMy45NjgsMi43OTItMTkuMDMyLDcuODZsLTE2LjEyNCwxNi4xMmMtMTAuNDkyLDEwLjUwNC0xMC40OTIsMjcuNTc2LDAsMzguMDY0TDI5My4zOTgsMjQ1LjlsLTE4NC4wNiwxODQuMDZjLTUuMDY0LDUuMDY4LTcuODYsMTEuODI0LTcuODYsMTkuMDI4YzAsNy4yMTIsMi43OTYsMTMuOTY4LDcuODYsMTkuMDRsMTYuMTI0LDE2LjExNmM1LjA2OCw1LjA2OCwxMS44MjQsNy44NiwxOS4wMzIsNy44NnMxMy45NjgtMi43OTIsMTkuMDMyLTcuODZMMzgyLjY3OCwyNjVjNS4wNzYtNS4wODQsNy44NjQtMTEuODcyLDcuODQ4LTE5LjA4OEMzOTAuNTQyLDIzOC42NjgsMzg3Ljc1NCwyMzEuODg0LDM4Mi42NzgsMjI2LjgwNHoiLz48L2c+PC9nPjwvc3ZnPg=='); width: 8px; height: 8px; margin-right: 0.4rem; top: -0.1rem; } .top-menu-dropdown-search-risultati { max-height: 30rem; width: 15rem; overflow: auto; margin: 1.5rem; margin-top: 0; } .top-menu-dropdown-search-risultati > a { display: grid; grid-template-columns: 3rem 1fr; grid-gap: 1rem; align-items: center; margin-top: 1rem; margin-bottom: 1.5rem; font-weight: mormal; font-size: 0.9rem; line-height: 1.4rem; color: rgba(0,0,0,0.4); } .top-menu-dropdown-search-risultati > a > div:nth-child(1) { display: grid; justify-content: center; } .top-menu-dropdown-search-risultati > a > div:nth-child(1) img { width: 3rem; height: 3rem; object-fit: contain; object-position: center center; } .top-menu-dropdown-search-risultati a > div:nth-child(2) > b { font-size: 1.1rem; line-height: 1rem !important; color: rgba(0,0,0,0.7); white-space: normal !important; } .hero-home { position: relative; display: grid; justify-content: center; width: 100%; height: calc(100% - 145px); min-height: 45rem; background-position: top center; background-repeat: no-repeat; background-size: cover; overflow: hidden; } .hero-home::after { position: absolute; bottom: 0; width: 100%; height: 50vh; xbackground-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.5)); content: ''; } .hero-home-slide { display: grid; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; } .hero-home-slide > .main { align-self: start; top: 15%; justify-self: center; font-family: 'Century Gothic Gras'; font-size: 4rem; color: #000; font-weight: 700; text-transform: uppercase; line-height: 4rem; padding-bottom: 5rem; } .hero-home-slide > .main span { opacity: 0; } .hero-home-slide > .main h1 { font-size: 4rem; font-family: 'Century Gothic Gras'; line-height: 4rem; } .hero-home-slide > .main h2 { text-transform: none; margin-top: 2rem; } .hero-home-slide > .main h2 b { font-family: 'Century Gothic Gras'; } .hero-home-slide > .main button, .hero-home-slide > .main .b-button { width: 25rem; margin-top: 4rem; font-size: 1.2rem; min-height: 4rem; display: block; font-size: 1.1rem; padding: 0.6rem 1.5rem; text-align: center; background-color: #fff; border: solid 3px #000; cursor: pointer; transition: background-color 0.5s; } .hero-home-slide-mobile { display: grid !important; align-content: end !important; width: 100% !important; height: 100% !important; background-size: 100% auto !important; background-position: center 4rem !important; background-repeat: no-repeat !important; background-color: #fff; } .hero-home-slide-mobile > div { justify-self: center !important; text-align: center !important; font-family: 'Century Gothic Gras' !important; font-size: 4rem !important; color: #000 !important; font-weight: 700 !important; text-transform: uppercase !important; line-height: 4rem !important; padding: 2rem !important; padding-bottom: 2rem !important; } .hero-home-slide-mobile > div h1 { font-size: 2.4rem !important; margin-bottom: 1rem !important; } .hero-home-slide-mobile > div h2, .hero-home-slide-mobile > div .h2-class { margin-bottom: 2rem !important; text-transform: none !important; line-height: 1.8rem; opacity: 0.6 !important; } .hero-home-slide.white-text .h1-class, .hero-home-slide.white-text .h2-class { color: #fff; text-shadow: #000 0px 0 5px; } @media (max-width: 600px) { .hero-home-slide-mobile > div .h2-class { text-transform: none; font-size: 1.3rem; padding-top: 25px; } } .main { position: relative; display: grid; width: 1200px; } .main-fadein { opacity: 0; } .main-home-intro { margin-top: 3rem; font-size: 1.3rem; } .main-home-intro .home-sara-e-gianmarco { position: relative; } .main-home-intro .home-sara-e-gianmarco img { width: 100%; } .main-home-intro .home-sara-e-gianmarco-dida { position: absolute; font-family: 'Century Gothic'; font-size: 1rem; opacity: 0.8; color: #fff; bottom: 1rem; right: 1rem; } .main-home-intro .home-composit-1 { position: absolute; height: 32rem; bottom: 4rem; right: 5rem; } .main-home-intro .button-intro-scopri { margin-top: 4rem; } .main-container-linea { padding: 0; background-color: rgba(0,0,0,0.025); overflow: hidden; } .main-container-linea .main-linea { padding: 0; padding-top: 5rem; padding-bottom: 10rem; } .main-container-linea .main-linea-tutti { padding: 0; padding-top: 3rem; padding-bottom: 1rem; background: none; } .main-linea-intro { z-index: 1; width: 50%; } .main-linea-intro-hero { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; background-position: bottom right 4rem; background-repeat: no-repeat; background-size: auto 90%; } .main-linea-intro .parent-name { font-size: 2.0rem; font-weight: normal; padding-bottom: 20px; } .main-container-linea .main-linea h1 { font-size: 2.5rem; text-transform: uppercase; margin: 0; margin-bottom: 2rem; line-height: 2.5rem; } .main-container-linea .main-linea h2 { font-size: 2.2rem; font-weight: normal; margin: 0; margin-bottom: 1rem; margin-left: -2px; } .main-container-linea .main-linea .catalog-head-h3, .main-container-linea .main-linea h3 { font-family: 'Century Gothic Gras'; font-size: 2rem; line-height: 2.2rem; margin: 0; margin-bottom: 2rem; } .main-container-linea .main-linea .catalog-head-h4, .main-container-linea .main-linea h4 { font-size: 1.2rem; line-height: 1.4rem; font-weight: normal; margin: 0; } .main-linea-prodotti { display: grid; grid-template-columns: auto 1fr; grid-gap: 3rem; } .main-linea-prodotti-menu { align-self: start; font-size: 1rem; } .main-linea-prodotti-menu .loghi { margin-top: 2rem; padding-top: 2rem; border-top: solid 1px rgba(0,0,0,0.2); } .main-linea-prodotti-menu .loghi img { width: 8rem; margin-bottom: 1rem; opacity: 0.5; } .main-linea-prodotti-menu .loghi .logo3 { width: 4rem; } .main-linea-prodotti-menu span { display: block; cursor: pointer; margin-bottom: 0.5rem; font-family: 'Century Gothic Gras'; color: rgba(0,0,0,0.7); } .main-linea-prodotti-menu a { color: rgba(0,0,0,0.7); } .main-linea-prodotti-menu span:hover { color: #73B9B8; } .main-linea-prodotti-menu span::before { position: relative; display: inline-block; content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0OTIuMDA0IDQ5Mi4wMDQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5Mi4wMDQgNDkyLjAwNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxwYXRoIGZpbGw9IiM4MUMwQzAiIGQ9Ik0zODIuNjc4LDIyNi44MDRMMTYzLjczLDcuODZDMTU4LjY2NiwyLjc5MiwxNTEuOTA2LDAsMTQ0LjY5OCwwcy0xMy45NjgsMi43OTItMTkuMDMyLDcuODZsLTE2LjEyNCwxNi4xMmMtMTAuNDkyLDEwLjUwNC0xMC40OTIsMjcuNTc2LDAsMzguMDY0TDI5My4zOTgsMjQ1LjlsLTE4NC4wNiwxODQuMDZjLTUuMDY0LDUuMDY4LTcuODYsMTEuODI0LTcuODYsMTkuMDI4YzAsNy4yMTIsMi43OTYsMTMuOTY4LDcuODYsMTkuMDRsMTYuMTI0LDE2LjExNmM1LjA2OCw1LjA2OCwxMS44MjQsNy44NiwxOS4wMzIsNy44NnMxMy45NjgtMi43OTIsMTkuMDMyLTcuODZMMzgyLjY3OCwyNjVjNS4wNzYtNS4wODQsNy44NjQtMTEuODcyLDcuODQ4LTE5LjA4OEMzOTAuNTQyLDIzOC42NjgsMzg3Ljc1NCwyMzEuODg0LDM4Mi42NzgsMjI2LjgwNHoiLz48L2c+PC9nPjwvc3ZnPg=='); width: 8px; height: 8px; margin-right: 0.4rem; top: -0.1rem; } .main-linea-prodotti-menu-active { font-weight: bold; color: #000 !important; } .main-linea-prodotti-menu .bx-sidebar-block { max-width: 270px; } .main-linea-prodotti-menu .bx-sidebar-block .top-menu-dropdown3 { white-space: normal; } .main-linea-prodotti-elenco { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 4rem; position: initial!important; } .main-linea-prodotti-elenco .prodotto-foto { display: grid; justify-items: left; align-items: end; } .main-linea-prodotti-elenco .prodotto-foto img { max-height: 13rem; max-width: 13rem } .main-linea-prodotti-elenco .prodotto { font-family: 'Century Gothic'; } .main-linea-prodotti-elenco .prodotto-block { position: relative; } .main-linea-prodotti-elenco .prodotto-block .buy-block-section { display: grid; grid-template-columns: auto 2fr; grid-gap: 1rem; border-top: solid 1px rgba(0,0,0,0.15); margin-top: 1rem; padding-top: 1rem; } .main-linea-prodotti-elenco .prodotto-block .buy-block-section .buy-btn-section { text-align: center; background: url('/local/templates/rhea/img/bag.svg'); background-repeat: no-repeat; background-position: 20px center; background-size: 20px; border: 2px solid; transition: .3s; } .main-linea-prodotti-elenco .prodotto-block .buy-block-section .buy-btn-section:hover { border: 2px solid #73B9B8; transition: .3s; } .main-linea-prodotti-elenco .prodotto-block .buy-block-section .buy-btn-section a { display: block; height: 100%; width: 100%; padding-top: 15px; padding-left: 10px; transition: .3s; } .main-linea-prodotti-elenco .prodotto-block .more-info-btn { align-self: center; margin-top: 20px; } .main-linea-prodotti-elenco .prodotto-block .product-item-title { display: block; text-transform: none; margin: 0; padding-top: 1rem; margin-top: 1.5rem; word-break: break-word; white-space: normal; } .main-linea-prodotti-elenco .prodotto-block .product-item-title a { font-family: 'Century Gothic Gras'; font-size: 20px; line-height: 1.5rem; } .main-linea-prodotti-elenco .prodotto-block .product-item-price-container { border-top: solid 1px rgba(0,0,0,0.15); margin-top: 1rem; padding-top: 1rem; } .main-linea-prodotti-elenco .prodotto-block .product-item-price-container .product-item-price-current { font-family: 'Century Gothic'; font-size: 1.4rem; margin: 0; line-height: 2.2rem; font-weight: bold; } .main-linea-prodotti-elenco .prodotto-block .product-item-button-container { text-align: center; background: url(/local/templates/rhea/img/bag.svg); background-repeat: no-repeat; background-position: 20px center; background-size: 20px; border: 2px solid; transition: .3s; } .main-linea-prodotti-elenco .prodotto-block .product-item-button-container .btn { display: block; height: 100%; width: 100%; padding-top: 15px; padding-left: 10px; transition: .3s; line-height: 1.5rem; font-size: 1.1rem; color: #000; text-decoration: none; margin-bottom: 0; border: none; } .main-linea-prodotti-elenco .prodotto-block .product-item-scu-block .product-item-scu-item-text-block { outline: 1px solid #000000; } .main-linea-prodotti-elenco .prodotto-block .product-item-scu-block .selected .product-item-scu-item-text-block { outline: 1px solid #fff; background: #000; color: #fff; } .main-linea-prodotti-elenco .prodotto-block .marker-block { position: absolute; color: #fff; background: #5c6570; padding: 5px 10px; z-index: 100; font-size: 14px; font-weight: 600; top: -20px; width: 100%; text-align: center; } .main-linea-prodotti-elenco .prodotto .section-item-name { display: block; font-family: 'Century Gothic Gras'; font-size: 1.1rem; line-height: 1.3rem; text-transform: none; margin: 0; padding-top: 0.5rem; margin-top: 1.3rem; } .main-linea-prodotti-elenco .prodotto .section-item-type { display: block; font-family: 'Century Gothic'; font-size: 0.8em; font-weight: normal; line-height: 1.3rem; margin: 0; margin-top: 0.3rem; opacity: 0.6; margin-block-start: 0.83em; margin-inline-start: 0px; margin-inline-end: 0px; } .main-linea-prodotti-elenco .prodotto .section-item-price { position: relative; font-family: 'Century Gothic'; font-size: 1.4rem; margin: 0; line-height: 2.2rem; font-weight: bold; } .main-linea-prodotti-elenco .prodotto .section-item-weight { display: block; margin-block-start: 1.33em; margin-block-end: 1.33em; margin-inline-start: 0px; margin-inline-end: 0px; line-height: 1.4rem; font-weight: normal; font-family: 'Century Gothic'; font-size: 1rem; margin: 0; opacity: 0.6; } .main-linea-prodotti-elenco .prodotto .section-item-anons { display: block; margin-block-start: 1.67em; margin-block-end: 1.67em; margin-inline-start: 0px; margin-inline-end: 0px; padding-bottom: 1.5rem; color: #000000; font-family: 'Century Gothic'; font-weight: normal; font-size: 0.9em; line-height: 1.3rem; margin: 0; margin-top: 1rem; border: none; } .main-linea-prodotti-elenco-skincoding { display: inline-grid; grid-template-columns: 1fr 1fr 1fr 1fr; padding-top: 3rem; padding-bottom: 6rem; } .main-linea-prodotti-elenco-account { display: inline-grid; grid-template-columns: 1fr 1fr 1fr; padding-top: 3rem; padding-bottom: 6rem; } .main-container-prodotto { padding: 0; padding-top: 5rem; padding-bottom: 5rem; } .main-prodotto { display: grid; grid-template-columns: 28rem 1fr; grid-gap: 6rem; } .main-prodotto .marker-block { position: absolute; color: #fff; font-size: 16px; font-weight: bold; background: #5c6570; padding: 5px 10px; z-index: 100; top: -20px; text-align: center; } .main-prodotto .prodotto-foto { text-align: center; } .main-prodotto .prodotto-foto > img { display: inline; width: 100%; max-height: 30rem; object-fit: contain; object-position: center 100%; } .main-linea-prodotti .section-bottom-desc { padding-top: 20px; font-size: 16px; } .main-prodotto .prodotto-chat { display: grid; grid-template-columns: auto 1fr; grid-gap: 2rem; padding-top: 2rem; margin-top: 5rem; border-top: solid 1px rgba(0,0,0,0.2); text-align: left; cursor: pointer; } .main-prodotto .prodotto-chat img { height: 3rem; } .main-prodotto .prodotto-foto .marchi { padding-top: 2rem; margin-top: 2rem; border-top: solid 1px rgba(0,0,0,0.2); text-align: left; } .main-prodotto .prodotto-foto .marchi img { display: inline; height: 4rem; margin-right: 2rem; opacity: 0.5; } .main-prodotto .prodotto-scheda h1 { width: 100%; max-width: 30rem; font-size: 2.0em; line-height: 2.2rem; margin: 0; margin-bottom: 1rem; } .main-prodotto .prodotto-scheda h2 { width: 100%; /*max-width: 30rem;*/ font-size: 1.5rem; margin: 0; line-height: normal; margin-bottom: 1rem; font-weight: normal; } .main-prodotto .prodotto-scheda h3, .main-prodotto .prodotto-scheda .h3-class { font-size: 1.0rem; margin: 0; line-height: normal; font-weight: normal; color: rgba(0,0,0,0.65); } .main-prodotto .prodotto-scheda h3 b, .main-prodotto .prodotto-scheda .h3-class b { display: inline-block; font-family: 'Century Gothic Gras'; color: #000; text-transform: uppercase; font-size: 1rem; margin-bottom: 0.5rem; } .main-prodotto .prodotto-scheda h3 i, .main-prodotto .prodotto-scheda .h3-class i { font-size: 1rem; } .main-prodotto .prodotto-social { position: absolute; display: grid; grid-auto-flow: column; grid-gap: 1rem; top: 1rem; right: 0; } .main-prodotto .prodotto-social img { cursor: pointer; height: 1.5rem; } .main-prodotto .prodotto-info, .main-prodotto .prodotto-stelle { color: rgba(0,0,0,0.8); margin-top: 2rem; border-top: solid 1px rgba(0,0,0,0.2); line-height: normal; color: rgba(0,0,0,0.5); font-size: 1rem; } .main-prodotto .reviews-detail-page h2, .main-prodotto .prodotto-info h2, .main-prodotto .prodotto-info .h2-class, .main-prodotto .prodotto-stelle h2 { font-size: 1.2rem; font-family: 'Century Gothic Gras'; text-transform: uppercase; margin-bottom: 0.5rem; margin-top: 2rem; line-height: normal; color: rgba(0,0,0,1); } .main-prodotto .prodotto-stelle-commenti { max-height: 16rem; overflow-y: auto; padding-right: 4rem; } .main-prodotto .prodotto-stelle .commento { margin-top: 1rem; } .main-prodotto .prodotto-stelle .commento .comment-text { font-style: italic; } .main-prodotto .prodotto-stelle .commento i { font-size: 1rem; color: #81C0C0; } .main-prodotto .prodotto-stelle .stars, .main-linea-prodotti-elenco .stars { width: 70px; margin-bottom: 0; cursor: default; } .main-prodotto .prodotto-stelle .stars, .main-linea-prodotti-elenco .stars > span { display: ; } .main-prodotto .prodotto-prezzo { position: relative; padding-top: 2rem; color: rgba(0,0,0,0.8); margin-top: 2rem; padding-bottom: 3rem; line-height: normal; border-top: solid 1px rgba(0,0,0,0.2); } .main-prodotto .prodotto-prezzo span { font-size: 1.5rem; font-family: 'Century Gothic Gras'; line-height: normal; color: rgba(0,0,0,1); } .main-prodotto .prodotto-prezzo button { margin-top: 2rem; } .main-prodotto .prodotto-prezzo .button-aggiungi-carrello { display: block; font-family: 'Century Gothic Gras'; font-size: 1.1rem; /*padding: 0.6rem 3rem;*/ padding: 0; text-align: center; background-color: #fff; border: solid 3px #000; cursor: pointer; transition: background-color 0.5s; margin-top: 2rem; } .main-prodotto .prodotto-prezzo .button-aggiungi-carrello a { height: unset; display: block; color: #000; text-decoration: none; height: 100%; width: 100%; } .prodotto-prezzo .product-item-detail-info-container { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .product-item-detail-buy-1-click { display: block; width: 100%; text-align: center; border: 3px solid #000; } .product-item-detail-buy-1-click span { width: 100%; display: block; } .prodotto-prezzo .product-item-detail-buy-1-click span { font-size: 1.1rem; text-transform: uppercase; background: #fff; line-height: 2.6rem; } .prodotto-prezzo .btn.product-item-detail-buy-button { display: block; width: 100%; } .product-item-label-ring.product-item-label-small { z-index: 999; } @media (max-width:1050px) { .prodotto-prezzo .btn.product-item-detail-buy-button { margin: 0 auto; } .main-prodotto .prodotto-prezzo .button-aggiungi-carrello { margin: 0 auto; margin-top: 2rem; } } @media screen and (max-width:560px) { .main-container-linea .main-linea .catalog-head-h3, .main-container-linea .main-linea h3 { font-size: 1.5rem; line-height: 1.8rem; } .prodotto-prezzo .product-item-detail-info-container { grid-template-columns: 1fr; } .product-item-detail-buy-1-click { max-width: 21rem; margin: 0 auto; } } .namek-button { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding-bottom: 2em; display: none; } .namek-button span { display: block; width: 100%; text-align: center; border: 3px solid #000; background: #fff; line-height: 2.6rem; background: #ffffff url(/local/templates/rhea/img/gift-icon.svg) 1.5rem center no-repeat; background-size: auto 50%; max-width: 21rem; margin: 0 auto; } @media screen and (max-width:560px) { .namek-button { grid-template-columns: 1fr; } } .main-prodotto .prodotto-icone { display: grid; grid-gap: 3rem; grid-auto-flow: column; justify-items: center; justify-items: center; margin-top: 3rem; } .main-prodotto .prodotto-icone > div, .main-prodotto .prodotto-icone > a, .main-prodotto .prodotto-icone > div a { display: grid; justify-items: center; align-content: start; text-align: center; font-size: 1rem; line-height: 1.3rem; color: rgba(0,0,0,0.5); } .main-prodotto .prodotto-icone img { height: 2.2rem; margin-bottom: 1rem; } .main-prodotto .prodotto-icone b { display: block; font-size: 0.9rem; text-transform: uppercase; margin-bottom: 0.5rem; color: rgba(0,0,0,1); } /* Product for Offers New */ .main-prodotto .prodotto-foto .product-item-detail-slider-images-container { position: relative; } .main-prodotto .prodotto-foto .product-item-detail-slider-image { position: relative; } .main-prodotto .prodotto-descrizone {} .main-prodotto .add-spoiler #prodotto-descrizone-block { max-height: 60px; overflow: hidden; transition: .3s; } .main-prodotto #prodotto-descrizone-open-btn { display: none; } .main-prodotto .add-spoiler #prodotto-descrizone-open-btn { display: block; top: -30px; height: 45px; background: linear-gradient(0deg, #fafafa, #fafafa00); position: relative; padding-top: 25px; cursor: pointer; transition: .3s; } .main-prodotto .add-spoiler #prodotto-descrizone-open-btn img { margin: 0 auto; max-width: 24px; opacity: .5; transition: .3s; } .main-prodotto .add-spoiler.open-spoiler #prodotto-descrizone-block { max-height: 100%; transition: .3s; } .main-prodotto .add-spoiler.open-spoiler #prodotto-descrizone-open-btn { top: 0; } .main-prodotto .add-spoiler.open-spoiler #prodotto-descrizone-open-btn img { transform: rotate(180deg); transition: .3s; } .main-prodotto .detail-video, .main-prodotto .detail-video video { max-width: 100%; } .product-item-detail-slider-image img { position: initial; transform: unset; margin: 0 auto; } .prodotto-prezzo .product-item-detail-price-current { font-size: 1.5rem; font-family: 'Century Gothic Gras'; line-height: normal; color: rgba(0,0,0,1); text-align: left; } .prodotto-prezzo .product-item-detail-price-old { text-align: left; color: #f42c2c; } .prodotto-prezzo .item_economy_price { padding: 5px 0 10px; } .prodotto-prezzo .btn.product-item-detail-buy-button { position: relative; z-index: 2; width: 100%; max-width: 21rem; height: 3rem; padding: 0; padding-left: 2rem; bottom: 0; background: #ffffff url(/local/templates/rhea/img/shopping-bag.svg) 1.5rem center no-repeat; background-size: auto 50%; white-space: nowrap; overflow: hidden; font-size: 1.1rem; border: 3px solid #000; border-radius: 0; margin: unset; } .prodotto-prezzo .btn.product-item-detail-buy-button span { font-size: 1.1rem; } /* /Product for Offers New */ .main-container-attivi-funzionali { position: relative; background-color: #F5F4F0; padding-top: 3rem; padding-bottom: 4rem; } .main-container-attivi-funzionali .main h1 { font-size: 1.5rem; margin-bottom: 3rem; } .main-container-attivi-funzionali .main h2 { font-family: 'Century Gothic Gras'; margin-bottom: 1rem; color: #7A7252; } .attivi-funzionali-scopri { justify-self: center; } .attivi-funzionali-scopri-elenco { display: none; margin-top: 4rem; } .attivi-funzionali-sfondo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #F5F4F0 url(/local/templates/rhea/img/attivi.jpg) center bottom no-repeat; background-size: 100% auto; opacity: 0.12; } .attivi-funzionali-slick, .main-linea-prodotti-elenco-slick { position: relative; display: grid; overflow: hidden; cursor: grab; padding-bottom: 5rem; user-select: none; } .attivi-funzionali-slick .prev, .attivi-funzionali-slick .next, .main-linea-prodotti-elenco-slick .prev, .main-linea-prodotti-elenco-slick .next { position: absolute; bottom: 0; padding: 0.2rem 1.5rem; background-color: #ffffff; } .attivi-funzionali-slick .prev, .main-linea-prodotti-elenco-slick .prev { left: 50%; transform: translateX(-110%); } .attivi-funzionali-slick .next, .main-linea-prodotti-elenco-slick .next { right: 50%; transform: translateX(110%); } .main-container-prodotti-correlati { padding-top: 5rem; padding-bottom: 6rem; } .main-container-prodotti-correlati .main-linea-prodotti-elenco { grid-template-columns: 1fr 1fr 1fr 1fr; } .main-container-prodotti-correlati h1 { font-size: 1.5rem; margin-top: -2rem; } .main-container-prodotti-correlati h2 { font-size: 1.5rem; margin-bottom: 4rem; font-weight: normal; opacity: 0.5; } .main-container-prodotti-correlati .slick-prodotti { padding: 0; user-select: none; } .main-container-prodotti-correlati .slick-prodotti .prodotto { padding: 0; } .page-menu-pro-container { position: relative; } .page-menu-pro { display: none; z-index: 1; position: absolute; left: 0; bottom: 3rem; padding-bottom: 3rem; width: 25rem; line-height: 2.5rem; background-color: #ffffff; padding: 2rem; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2); } .page-menu-pro-button { position: relative; z-index: 2; width: 25rem; } .page-menu-pro-button-100 { width: 100%; } .page-menu-pro a { display: block; } .page-menu-pro a::before { position: relative; display: inline-block; content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0OTIuMDA0IDQ5Mi4wMDQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5Mi4wMDQgNDkyLjAwNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxwYXRoIGZpbGw9IiM4MUMwQzAiIGQ9Ik0zODIuNjc4LDIyNi44MDRMMTYzLjczLDcuODZDMTU4LjY2NiwyLjc5MiwxNTEuOTA2LDAsMTQ0LjY5OCwwcy0xMy45NjgsMi43OTItMTkuMDMyLDcuODZsLTE2LjEyNCwxNi4xMmMtMTAuNDkyLDEwLjUwNC0xMC40OTIsMjcuNTc2LDAsMzguMDY0TDI5My4zOTgsMjQ1LjlsLTE4NC4wNiwxODQuMDZjLTUuMDY0LDUuMDY4LTcuODYsMTEuODI0LTcuODYsMTkuMDI4YzAsNy4yMTIsMi43OTYsMTMuOTY4LDcuODYsMTkuMDRsMTYuMTI0LDE2LjExNmM1LjA2OCw1LjA2OCwxMS44MjQsNy44NiwxOS4wMzIsNy44NnMxMy45NjgtMi43OTIsMTkuMDMyLTcuODZMMzgyLjY3OCwyNjVjNS4wNzYtNS4wODQsNy44NjQtMTEuODcyLDcuODQ4LTE5LjA4OEMzOTAuNTQyLDIzOC42NjgsMzg3Ljc1NCwyMzEuODg0LDM4Mi42NzgsMjI2LjgwNHoiLz48L2c+PC9nPjwvc3ZnPg=='); width: 8px; height: 8px; margin-right: 0.4rem; top: -0.1rem; } .page-menu-pro a:hover { color: #81C0C0 } .main-container-pro-corsi { background-color: #EAF6F5; } .main-container-pro-corsi .main { padding-top: 4rem; grid-gap: 0; } .main-container-pro-corsi .main > div:nth-child(1) { border-right: solid 1px rgba(0,0,0,0.1); padding-right: 5rem; } .main-container-pro-corsi .main > div:nth-child(2) { padding-left: 5rem; } .main-container-pro-corsi b { display: block; font-size: 1.4rem; font-family: 'Century Gothic Gras'; margin-bottom: 1rem; } .main-container-pro-corsi b::first-letter { color: #ffffff; background-color: #000000; padding: 0.15rem 0.45rem; } .main-container-pro-corsi b:not(:first-child) { margin-top: 5rem; } .main-container-pro-corsi i { display: block; font-style: normal; } .main-container-pro-corsi u { display: block; margin-bottom: 1rem; font-style: normal; text-decoration: none; } .main-container-pro-gallery { background-color: #FCF2EE; } .main-container-pro-gallery h1, .main-container-pro-corsi h1 { text-transform: uppercase; font-size: 2rem; line-height: 2rem; margin-bottom: 1rem; } .main-container-pro-gallery .span2 { grid-column: 1 / 3; } .main-container-pro-gallery > .main { grid-template-columns: 1fr 1fr; } .main-container-pro-gallery > .main > div:not(:nth-last-child(-n+2)) { border-bottom: solid 1px rgba(0,0,0,0.1); } .main-container-pro-gallery > .main > div { padding-top: 3rem; padding-right: 5rem; padding-bottom: 5rem; } .main-container-pro-gallery > .main > div:nth-child(2n) { border-left: solid 1px rgba(0,0,0,0.1); padding-left: 5rem; padding-right: 0; } .main-container-pro-gallery img { height: 17rem; width: auto; margin-bottom: 2rem; } .main-container-pro-gallery .span2 img { height: 12rem; } .button-aggiungi-carrello, .button-aggiungi-carrello-esaurito { position: relative; z-index: 2; width: 100%; max-width: 21rem; height: 3rem; padding: 0; padding-left: 2rem; bottom: 0; background: #ffffff url(/local/templates/rhea/img/shopping-bag.svg) 1.5rem center no-repeat; background-size: auto 50%; white-space: nowrap; overflow: hidden; } .button-aggiungi-carrello-esaurito { background: none; padding-left: 0; cursor: default; } .button-aggiungi-carrello-esaurito:hover { background: none !important; } .button-aggiungi-carrello-esaurito-torno { display: block; padding: 1rem 0; text-align: center; max-width: 21rem; } .button-spinner { background: url(/local/templates/rhea/images/spinner.svg) 1rem center no-repeat; background-size: auto 60%; } #store-finder-map { width: 560px; height: 100%; height: 700px; } .store-finder-store { padding: 0.5rem; font-size: 1rem; line-height: 1.5rem; max-width: 15rem; padding-bottom: 0; } .store-finder-store b { display: block; font-size: 1.2rem; line-height: 1.2rem; margin-bottom: 1rem; } .store-finder-store button { position: relative; font-size: 0.9rem; padding: 0.3rem; width: 100%; margin-top: 0.5rem; } .store-finder-store button:nth-of-type(1) { margin-right: 0.5rem; } .testo-skincoding h2 { margin-bottom: 4rem; } .testo-skincoding h4 { font-weight: normal; font-size: 0.85rem; line-height: 1.1rem; opacity: 0.6; margin-top: 3rem; margin-bottom: 4rem; } .testo-skincoding h6 { font-family: 'Century Gothic Gras'; font-size: 2rem; line-height: 2rem; margin-top: 6rem; margin-bottom: 2rem; } .testo-skincoding h6:nth-of-type(2) { margin-top: -1rem; } .testo-skincoding button { margin-top: 3rem; } .skincoding-bottone-continua { display: none; } .skincoding-opzioni { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 1rem; margin-top: 7rem; } .skincoding-opzioni > div { height: 6rem; background-position: center center; background-repeat: no-repeat; background-size: auto 70%; cursor: pointer; border: solid 1px rgba(0,0,0,0.15); margin-bottom: 2rem; } .skincoding-solari-opzioni-1 > div, .skincoding-solari-opzioni-2 > div, .skincoding-solari-opzioni-3 > div, .skincoding-solari-opzioni-4 > div { background-size: auto 100%; } .skincoding-solari-opzioni-1 > div, .skincoding-solari-opzioni-2 > div, .skincoding-solari-opzioni-3 > div, .skincoding-solari-opzioni-4 > div, .skincoding-solari-opzioni-5 > div { height: 5rem; } .skincoding-opzioni > div > div { display: grid; align-content: end; height: 4rem; margin-top: -4.5em; font-size: 1.1rem; line-height: 1.2rem; } .skincoding-slide span { position: relative; margin-top: 0; font-size: 1rem; opacity: 0.5; } .skincoding-opzioni-pelle > div:nth-child(1) { background-color: #F3DAD9; background-image: url(/local/templates/rhea/skincoding/pelle-1.svg) } .skincoding-opzioni-pelle > div:nth-child(2) { background-color: #F3DAD9; background-image: url(/local/templates/rhea/skincoding/pelle-2.svg) } .skincoding-opzioni-pelle > div:nth-child(3) { background-color: #F3DAD9; background-image: url(/local/templates/rhea/skincoding/pelle-3.svg) } .skincoding-opzioni-colorito > div:nth-child(1) { background-image: linear-gradient(to top right, #F4EFEC, #E6DAD2); background-size: 110% 110%; } .skincoding-opzioni-colorito > div:nth-child(2) { background-image: linear-gradient(to top right, #F8E3E0, #FBC6BF); background-size: 110% 110%; } .skincoding-opzioni-colorito > div:nth-child(3) { background-image: linear-gradient(to top right, #FBD7E1, #FCA2A2); background-size: 110% 110%; } .skincoding-opzioni-rughe > div:nth-child(1) { background-color: #F3DAD9; background-image: url(/local/templates/rhea/skincoding/rughe-1.svg) } .skincoding-opzioni-rughe > div:nth-child(2) { background-color: #EFC9C9; background-image: url(/local/templates/rhea/skincoding/rughe-2.svg) } .skincoding-opzioni-rughe > div:nth-child(3) { background-color: #E7BDBD; background-image: url(/local/templates/rhea/skincoding/rughe-3.svg) } .skincoding-opzioni-macchie > div:nth-child(1) { background-color: #F3DAD9; background-size: cover; } .skincoding-opzioni-macchie > div:nth-child(2) { background-color: #F3DAD9; background-image: url(/local/templates/rhea/skincoding/macchie-2.svg) } .skincoding-opzioni-macchie > div:nth-child(3) { background-color: #F3DAD9; background-image: url(/local/templates/rhea/skincoding/macchie-3.svg) } .skincoding-opzioni-rossori > div:nth-child(1) { background-image: linear-gradient(to top right, #ffffff, #F4DBDB); background-size: 110% 110%; } .skincoding-opzioni-rossori > div:nth-child(2) { background-image: linear-gradient(to top right, #F4DBDB, #EFB5BE); background-size: 110% 110%; } .skincoding-opzioni-rossori > div:nth-child(3) { background-image: linear-gradient(to top right, #EFB5BE, #F16E9B); background-size: 110% 110%; } .skincoding-opzioni-impurita > div:nth-child(1) { background-color: #F3DAD9; background-size: cover; } .skincoding-opzioni-impurita > div:nth-child(2) { background-color: #F3DAD9; background-image: url(/local/templates/rhea/skincoding/impurita-2.svg) } .skincoding-opzioni-impurita > div:nth-child(3) { background-color: #F3DAD9; background-image: url(/local/templates/rhea/skincoding/impurita-3.svg) } .skincoding-opzioni-gambe > div:nth-child(1) { background-color: #F3DAD9; background-image: url(/local/templates/rhea/skincoding-corpo/gambe.svg) } .skincoding-opzioni-gambe > div:nth-child(2) { background-color: #F3DAD9; background-image: url(/local/templates/rhea/skincoding-corpo/gambe.svg) } .skincoding-opzioni-gambe > div:nth-child(3) { background-color: #F3DAD9; background-image: url(/local/templates/rhea/skincoding-corpo/gambe.svg) } .skincoding-opzioni-cellulite > div:nth-child(1) { background-image: url(/local/templates/rhea/skincoding-corpo/cellulite-0.svg); background-size: 80% 80%; } .skincoding-opzioni-cellulite > div:nth-child(2) { background-image: url(/local/templates/rhea/skincoding-corpo/cellulite-1.svg); background-size: 80% 80%; } .skincoding-opzioni-cellulite > div:nth-child(3) { background-image: url(/local/templates/rhea/skincoding-corpo/cellulite-1.svg); background-size: 80% 80%; } .skincoding-opzioni-corpo > div:nth-child(1) { background-color: #F3DAD9; background-image: url(/local/templates/rhea/skincoding-corpo/corpo-0.svg); background-size: 80% 80%; } .skincoding-opzioni-corpo > div:nth-child(2) { background-color: #F3DAD9; background-image: url(/local/templates/rhea/skincoding-corpo/corpo-0.svg); background-size: 80% 80%; } .skincoding-opzioni-corpo > div:nth-child(3) { background-color: #F3DAD9; background-image: url(/local/templates/rhea/skincoding-corpo/corpo-0.svg); background-size: 80% 80%; } .skincoding-opzioni-priorita > div:nth-child(1) { background-color: #F3DAD9; background-image: url(/local/templates/rhea/skincoding-corpo/collo.svg) } .skincoding-opzioni-priorita > div:nth-child(2) { background-color: #F3DAD9; background-image: url(/local/templates/rhea/skincoding-corpo/seno.svg) } .skincoding-opzioni-priorita > div:nth-child(3) { background-color: #F3DAD9; background-image: url(/local/templates/rhea/skincoding-corpo/smagliature.svg) } .skincoding-opzioni-priorita > div:nth-child(4) { background-color: #F3DAD9; background-image: url(/local/templates/rhea/skincoding-corpo/adipe.svg) } .skincoding-opzioni-secchezza > div:nth-child(1) { background-color: #F3DADA } .skincoding-opzioni-secchezza > div:nth-child(2) { background-color: #F3DAD9; background-image: url(/local/templates/rhea/skincoding/secchezza-2.svg); background-size: cover } .skincoding-opzioni-secchezza > div:nth-child(3) { background-color: #F3DAD9; background-image: url(/local/templates/rhea/skincoding/secchezza-3.svg); background-size: cover } .skincoding-opzioni-pizzicori > div:nth-child(1) { background-color: #F3DADA } .skincoding-opzioni-pizzicori > div:nth-child(2) { background-color: #F7A0B2; background-image: url(/local/templates/rhea/skincoding/pizzicori-2.svg); background-size: cover } .skincoding-opzioni-pizzicori > div:nth-child(3) { background-color: #ED697D; background-image: url(/local/templates/rhea/skincoding/pizzicori-3.svg); background-size: cover } .skincoding-opzioni-screpolature > div:nth-child(1) { background-color: #F3DADA } .skincoding-opzioni-screpolature > div:nth-child(2) { background-color: #F3DAD9; background-image: url(/local/templates/rhea/skincoding/screpolature-2.svg); background-size: cover } .skincoding-opzioni-screpolature > div:nth-child(3) { background-color: #F3DAD9; background-image: url(/local/templates/rhea/skincoding/screpolature-3.svg); background-size: cover } .skincoding-solari-opzioni-5 > div:nth-child(1) { background-color: #F3DAD9; background-image: url(/local/templates/rhea/skincoding/scottature-1.svg) } .skincoding-solari-opzioni-5 > div:nth-child(2) { background-color: #F3DAD9; background-image: url(/local/templates/rhea/skincoding/scottature-2.svg) } .skincoding-solari-opzioni-5 > div:nth-child(3) { background-color: #F3DAD9; background-image: url(/local/templates/rhea/skincoding/scottature-3.svg) } .skincoding-solari-opzioni-5 > div:nth-child(4) { background-color: #F3DAD9; background-image: url(/local/templates/rhea/skincoding/scottature-4.svg) } .skincoding-solari-opzioni-5 > div:nth-child(5) { background-color: #F3DAD9; background-image: url(/local/templates/rhea/skincoding/scottature-5.svg) } .skincoding-solari-opzioni-5 > div:nth-child(6) { background-color: #F3DAD9 } .sfondo-bianco { background-color: #ffffff; } .main-container-skincoding { padding-bottom: 0; } .scienza-emulsione { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 4rem; margin-top: -10rem; margin-bottom: 5rem; } .scienza-emulsione > div { text-align: center; font-size: 1rem; line-height: 1.4rem; } .scienza-emulsione > div img { display: block; width: 100%; margin-bottom: 1.5rem; } .scienza-emulsione > div b { display: block; margin-bottom: 1rem; } .scienza-qualitavegana { height: 5rem; opacity: 0.6; margin-top: 3rem; } .pro-profasi { height: 25rem; margin-top: 3rem; } .main-linea-prodotti-elenco .prodotto h1 { font-family: 'Century Gothic Gras'; font-size: 1.5rem; line-height: 1.5rem; text-transform: none; margin: 0; padding-top: 1rem; margin-top: 1.5rem; } .main-linea-prodotti-elenco .prodotto h2 { font-size: 1rem; font-weight: normal; line-height: 1.4rem; margin: 0; margin-top: 0.3rem; opacity: 0.6; } .main-linea-prodotti-elenco .prodotto h3 { position: relative; font-family: 'Century Gothic Gras'; font-size: 1.4rem; margin: 0; margin-top: 1rem; padding-top: 1rem; border-top: solid 1px rgba(0,0,0,0.15); } .main-linea-prodotti-elenco .prodotto h4 { font-size: 1rem; margin: 0; opacity: 0.6; } .main-linea-prodotti-elenco .prodotto h5 { font-weight: normal; font-size: 1rem; line-height: 1.4rem; margin: 0; margin-top: 1rem; border: none; } .bestsellers-home { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 2rem; } @media (max-width:1050px ) { .bestsellers-home { grid-template-columns: 1fr 1fr; grid-gap: 2rem; } } @media (max-width:700px ) { .bestsellers-home { grid-template-columns: 1fr; grid-gap: 2rem; } } .bestsellers-home > a { position: relative; display: grid; justify-items: center; align-content: start; padding: 2rem 1rem; background-color: rgba(0,0,0,0.02); } .bestsellers-home > a > img { object-fit: contain; object-position: center bottom; height: 13rem; justify-self: center; margin-bottom: 2rem; } .bestsellers-home button { margin: 0; margin-top: 2rem; } .bestsellers-home .sconto-badge2 { height: 4rem; top: 2rem; right: 1rem; left: auto; } .bestsellers-home .h2-class { text-align: center; } /* Checkbox */ .checkbox-container { display: block; position: relative; padding-left: 2rem; cursor: pointer; user-select: none; font-size: 1.1rem; margin-bottom: 0.5rem; } .checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkbox-container .checkmark { position: absolute; top: -1px; left: 0; height: 20px; width: 20px; background-color: #ffffff; border: solid 1px rgba(0,0,0,0.3); } .checkbox-container:hover input ~ .checkmark { background-color: rgba(0,0,0,0.1); } .checkbox-container input:checked ~ .checkmark { background-color: #000000; } .checkmark:after { content: ""; position: absolute; display: none; } .checkbox-container input:checked ~ .checkmark:after { display: block; } .checkbox-container .checkmark:after { content: "✓"; text-align: center; width: 100%; height: 100%; color: #ffffff; font-weight: bold; font-size: 0.9rem; line-height: 1rem; border: solid 1px rgba(0,0,0,0.3); } .pasticcino { position: fixed; z-index: 1000; width: 14rem; top: 11rem; right: -14rem; transform: scale(0.3); } .pasticcino img:nth-child(1) { width: 100%; } .pasticcino img:nth-child(2) { display: none; position: absolute; top: 0; width: 100%; } .pasticcino img:nth-child(3) { position: absolute; top: -1rem; right: 0; height: 1.5rem; cursor: pointer; } .checkout-boxes { display: grid; grid-gap: 5rem; grid-template-columns: 1fr 20rem 20rem; } .checkout-box { position: relative; padding: 2rem; background-color: #ffffff; border: solid 1px rgba(0,0,0,0.2); height: 15rem; } .checkout-boxes > div:nth-child(1) { font-size: 1.3rem; line-height: 1.8rem; } .checkout-boxes > div:nth-child(1) .ico-edit { position: absolute; top: 1rem; right: 1rem; height: 1.5rem; } .checkout-boxes > div:nth-child(3) p { font-size: 0.95rem; line-height: 1.3rem; color: rgba(0,0,0,0.6); } .checkout-box-campioncini { display: grid; width: 100%; height: 15rem; padding: 0.5rem 0; overflow-y: scroll; overflow-x: hidden; border: solid 1px rgba(0,0,0,0.2); background-color: #fff; } .checkout-box-campioncini > div { display: grid; grid-template-columns: auto 1fr; align-items: center; grid-column-gap: 1rem; padding: 0.5rem 1rem; cursor: pointer; transition: all 0.5s; } .checkout-box-campioncini > div img { object-fit: contain; width: 1.5em; height: 1.5rem; } .checkout-box-campioncini > div p { font-size: 1rem; margin: 0; padding: 0; } .checkout-box-campioncini-on { background-color: #000 !important; color: #fff !important; } .bottone-paga { position: relative; font-size: 1.2rem; background-color: #FFC439; } .checkout-cart-container { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 5rem; align-items: start; margin-top: 6rem; padding: 2rem; background-color: #ffffff; border: solid 1px rgba(0,0,0,0.2); } .checkout-cart-container-spedizione { margin-top: 0; margin-bottom: 3rem; } .checkout-cart { display: grid; grid-template-columns: auto 1fr auto auto; grid-row-gap: 2rem; align-items: center; border-right: solid 1px rgba(0,0,0,0.2); padding-right: 2rem; } .checkout-cart > a:nth-child(4n+1) { display: grid; xbackground-color: rgba(0,0,0,0.03); padding: 0; justify-items: center; } .checkout-cart > a:nth-child(2n+2) { padding-left: 2rem; padding-right: 2rem; } .checkout-cart-price { padding-right: 3rem; } .checkout-cart > div:nth-child(4n+4) { padding-right: 0; } .checkout-cart-foto img { object-fit: contain; height: 4rem; width: 4rem; } .checkout-cart-product h2 { margin-bottom: 0.5rem; } .checkout-cart-product-info { grid-template-columns: auto 1fr auto; grid-column-gap: 2rem; } .checkout-cart-product-info > div:nth-child(2) { text-align: right; } .checkout-cart-remove > img { height: 1.5rem; } .checkout-cart-recap .totale { display: block; padding-bottom: 3rem; margin-bottom: 3rem; border-bottom: solid 1px rgba(0,0,0,0.2); } .checkout-cart-recap .totale-valore { font-size: 1.5rem; margin-bottom: 0.5rem; } .checkout-cart-recap .totale-spedizione { color: rgba(0,0,0,0.5); font-size: 1rem; } .checkout-cart-recap button { margin-top: 3rem; } .checkout-form { position: relative; margin-top: 7rem; } .checkout-form form { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 3rem; } .checkout-form button { margin-top: 3rem; } .checkout-pagamento { display: grid; margin-top: 5rem; } .checkout-pagamento .bottoni { position: relative; display: grid; justify-self: left; grid-auto-flow: column; grid-gap: 3rem; margin-top: 2rem; } .checkout-pagamento .bottoni > div { position: relative; display: grid; } .checkout-pagamento .bottoni .spinner2 { position: absolute; bottom: -3rem; left: 50%; transform: translateX(-50%); display: none; height: 2rem; } .checkout-pagamento .bottoni img { transition: all 0.2s; } .checkout-pagamento .bottoni img:hover { position: relative; cursor: pointer; transform: translateY(-10%); transition: all 0.3s; } .grid-colspan-2 { grid-column: 1 / 3; } .paypal-button { width: 100%; max-width: 30rem; margin-top: 2rem; } .paypal-carte { width: 100%; max-width: 20rem; margin-top: 1rem; } .paypal-dida { max-width: 30rem; margin-top: 3rem; color: rgba(0,0,0,0.6); } .pride-to-be { display: grid; margin-top: 1rem; height: 25vh; } @media (max-width:800px ) { .pride-to-be { justify-self: center; margin-top: 10rem; width: 13rem; } } .modal, .modal2, .modal-stelle { position: fixed; z-index: 1000; display: none; opacity: 0; top: 50%; left: 50%; transform: translateX(-50%); width: calc(100% - 4rem); max-width: 30rem; padding: 2rem; margin: 0 auto; background-color: #ffffff; border: solid 1px rgba(0,0,0,0.3); box-shadow: 1px 1px 20px rgba(0,0,0,0.2); } .modal-background { position: fixed; z-index: 990; display: none; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); } .modal h1, .modal2 h1, .modal-stelle h1 { font-size: 2.5rem !important; line-height: 2.4rem !important; margin: 0; margin-bottom: 1.5rem; } .modal h2, .modal2 h2, .modal-stelle h2 { font-size: 1.4rem; line-height: 1.2em; font-weight: normal; margin: 0; } .modal > div:nth-child(2), .modal-stelle > div:nth-child(2) { display: grid; grid-auto-flow: column; justify-content: right; text-align: right; margin-top: 3rem; } .modal button { display: inline-block; padding: 0.5rem 1rem; } .modal-stelle select { margin-top: 0; } .modal-stelle textarea { resize: none; margin-bottom: 1rem; } .docs-scheda { display: none; padding: 2rem; background-color: #ffffff; color: rgb(0,0,0,0.7); border: solid 1px rgb(0,0,0,0.1); margin-top: 1rem; } .account-tabs { margin-top: 3rem; display: inline-grid; grid-auto-flow: column; grid-gap: 1rem; align-items: end; } .account-tabs .tab { opacity: 0.6; height: 3.2rem; padding: 0.7rem; border-radius: 0.3rem; border: solid 1px rgba(0,0,0,0.2); background-color: #ffffff; cursor: pointer; } .account-tabs .tab.active { opacity: 1; height: 4rem; } .account-tab-content { display: none; margin-top: 3rem; } .account-tab-content.active { display: block; } .account-ordine { margin-top: 1rem; margin-bottom: 3rem; box-shadow: 1px 1px 12px rgba(0,0,0,0.08); } .account-ordine-recap { display: grid; grid-template-columns: 1fr auto; font-size: 1rem; padding: 1rem; background-color: rgba(0,0,0,0.07); } .account-ordine-recap > div:nth-child(2) { text-align: right; font-size: 1.3rem; font-weight: bold; } .account-ordine-recap > div:nth-child(2) .spedizione { font-size: 1rem; font-weight: normal; opacity: 0.6; } .account-ordine-recap b { display: inline; } .account-ordine-prodotti { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; background-color: #ffffff; padding-top: 1rem; } .account-ordine-prodotto { display: inline-grid; justify-items: center; text-align: center; white-space: nowrap; line-height: 1rem; font-size: 1rem; padding: 2rem; } .account-ordine-prodotto b { display: block; } .account-ordine-prodotto img { width: 5rem; height: 5rem; object-fit: contain; margin-bottom: 1rem; } .trattamenti-grid { display: grid; grid-template-columns: 1fr; margin-top: -10rem; grid-gap: 2rem; } .trattamenti-grid > div { z-index: 2; display: grid; grid-template-columns: auto 20rem; background-color: #fff; box-shadow: 0 3px 15px rgba(0,0,0,0.1); } .trattamenti-grid-sfondo { background: center center no-repeat; background-size: cover; } .trattamenti-grid-testo { padding: 3rem; } .trattamenti-grid-testo b { color: rgba(0,0,0,1); font-family: 'Century Gothic Gras'; display: block; font-size: 1.5rem; margin-bottom: 2rem; word-break: break-word; } .trattamenti-grid-testo > button { display: block; margin-top: 2rem; padding-left: 2rem; padding-right: 2rem; background-color: #ffffff !important; } .trattamenti-grid-testo button:first-of-type { margin-right: 1rem; } .trattamenti-scopri { z-index: 1 !important; display: grid; grid-template-columns: 30rem auto !important; grid-gap: 4rem; align-items: start; transition: all 0.5s; /*height: 670px;*/ overflow: hidden; margin-top: -2rem; color: rgba(0,0,0,0.6); box-shadow: none !important; border: solid 1px rgba(0,0,0,0.05); } .trattamenti-scopri-corpo { grid-template-columns: 22rem auto !important; } .trattamenti-scopri-sun { height: 800px; } .trattamenti-scopri-off { height: 0; overflow: hidden; margin-top: -10rem; } .trattamenti-scopri-before-after { z-index: 0; position: relative; height: 300px; } .trattamenti-scopri-before-after-corpo { height: 600px; } .trattamenti-scopri-before-after-sun { height: 850px; } .trattamenti-scopri-before-after > div { position: absolute; display: grid; justify-content: left; align-content: start; padding: 1rem; padding-left: 0; top: 0; left: 0; width: 100%; height: 100%; color: #fff; background-size: cover; background-position: center center; cursor: pointer; } .trattamenti-scopri-before-after > div > span { background-color: #000; padding: 0.3rem 1rem; text-transform: uppercase; font-size: 0.9rem; margin-bottom: 0.2rem; } .trattamenti-scopri-before-after-dida { display: grid; height: 70px; align-content: center; justify-content: center; font-size: 0.9rem; opacity: 0.8; } .trattamenti-scopri > div:nth-child(2) { padding: 3rem; padding-left: 0; } .trattamenti-scopri > div:nth-child(2) > b { margin-top: 1rem; display: block; font-family: 'Century Gothic Gras'; font-size: 1.4rem; margin-bottom: 3.5rem; color: #000; } .trattamenti-scopri > div:nth-child(2) > i { display: block; font-family: 'Century Gothic Gras'; font-size: 1.2rem; color: rgba(0,0,0,1); margin-top: 2rem; margin-bottom: 0.3rem; font-style: normal; } .trattamenti-scopri > div:nth-child(2) a { display: block; text-decoration: underline; margin-top: 1rem; } .rheario-lettere { display: grid; grid-auto-flow: column; grid-gap: 1rem; font-weight: bold; margin-top: 4rem; } .rheario-lettere > a { color: rgba(0,0,0,0.5); text-align: center; } .rheario-lettere-scelta { color: rgba(0,0,0,1) !important; border-bottom: solid 2px; font-weight: bold; } .rheario-elenco { display: grid; grid-gap: 3rem; margin-top: 4rem; } .rheario-elenco-attivo { display: grid; grid-template-columns: 2fr 3fr 3fr; line-height: 1.7rem; padding: 2rem; box-shadow: 0 3px 15px rgba(0,0,0,0.1); background: #fff -3rem bottom no-repeat; min-height: 15rem; } .rheario-elenco-attivo > div:nth-child(1) { font-size: 1.3rem; padding-right: 3rem; border-right: solid 1px rgba(0,0,0,0.1); } .rheario-elenco-attivo > div:nth-child(1) b { font-family: 'Century Gothic Gras'; margin: 0; } .rheario-elenco-attivo > div:nth-child(1) i { font-size: 1.1rem; color: rgba(0,0,0,0.6); } .rheario-elenco-attivo > div:nth-child(2) { padding-left: 3rem; padding-right: 3rem; color: rgba(0,0,0,0.6); border-right: solid 1px rgba(0,0,0,0.1); } .rheario-elenco-attivo > div:nth-child(3) { padding-left: 3rem; } .rheario-elenco-attivo > div:nth-child(3) a { text-decoration: underline; line-height: 2rem; } .spinner { position: fixed; display: none; z-index: 1000; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 4rem); max-width: 30rem; text-align: center; padding: 2rem; margin: 0 auto; background-color: #fff; box-shadow: 1px 1px 20px rgba(0,0,0,0.2); color: rgba(0,0,0,0.6); } .spinner b { display: block; font-size: 1.4rem; margin-bottom: 0.5rem; color: rgba(0,0,0,1); } .paypal-spinner { background: #ffffff url(/local/templates/rhea/images/paypal-lock.png) center center no-repeat; } .paypal-spinner .loading { position: relative; height: 110px; width: 110px; left: 50%; margin-left: -55px; margin-bottom: 2rem; border-width: 5px; border-style: solid; border-color: #2180c0 #ccc #ccc; border-radius: 100%; animation: rotation .7s infinite linear; } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } .journal { display: grid; } .journal-logo { display: grid; justify-self: center; width: 22rem; } .journal-top { display: grid; text-align: center; margin-top: 3rem; } .journal-top h1 { font-size: 3rem; line-height: 3rem; margin: 0; margin-bottom: -6rem; } .main-journal-card, .main-journal-post { position: relative; display: grid; grid-template-columns: 1fr 500px; background-color: #fff; box-shadow: 1px 1px 12px rgba(0,0,0,0.4); color: rgba(0,0,0,0.7); } .main-journal-card:after { content: ''; position: absolute; top: 0; right: calc(500px - 5px); width: 5px; height: 100%; background-color: rgba(0,0,0,0.07); box-shadow: -15px 0 40px rgba(0,0,0,0.8), -20px 0 40px rgba(0,0,0,0.3), 15px 0 35px rgba(0,0,0,0.4); border-right: solid 2px rgba(0,0,0,0.10); border-left: solid 1px rgba(0,0,0,0.1); } @media (max-width:1050px) { .main-journal-card:after { display: none; } } .main-journal-card { margin-bottom: 3rem; } .main-journal-card > div:nth-of-type(1), .main-journal-post > div:nth-of-type(1) { padding: 4rem 3rem; } .main-journal-card > div:nth-of-type(1) { background-color: rgba(0,0,0,0.04); } .main-journal-card h1, .main-journal-card .h1-class, .main-journal-post h1, .main-journal-post .h1-class { font-size: 3rem; line-height: 3.1rem; color: #3E9CB5; margin-bottom: 4rem; } .main-journal-post { word-break: break-word; font-size: 1rem; } .main-journal-post h2 { font-size: 1.3rem; line-height: 1.8rem; color: #000; text-transform: none; margin: 0; } .main-journal-post h2:not(:first-child) { margin-top: 1rem; } .main-journal-card p { margin-bottom: 4rem; } .main-journal-card img { object-fit: cover; object-position: top center; width: 500px; height: 100%; } .main-journal-post .journal-logo { width: 7rem; margin-bottom: 1.5rem; opacity: 0.5; } .main-journal-post-foto { height: 100px; } .main-journal-post .social { display: grid; grid-template-columns: auto auto 1fr; grid-gap: 0.7rem; margin-top: 3rem; border-top: dashed 1px rgba(0,0,0,0.2); padding-top: 1rem; } .main-journal-post .social span { color: #3E9CB5; grid-column: 1 / 4; } .main-journal-post .social img { height: 1.4rem; } @media (max-width:1200px) { .main-journal-card .h1-class, .main-journal-post .h1-class { font-size: 2.5rem; } } @media (max-width:500px) { .main-journal-card button { padding: 0.6rem 1rem; } .main-journal-card .h1-class, .main-journal-post .h1-class { font-size: 1.5rem !important; line-height: 1.5rem !important; margin-bottom: 1.5rem; } } .foresta-rhea-map { width: 600px; height: 100%; margin-top: 5rem; } @media (max-width:1050px ) { .foresta-rhea-map { width: calc(100% + 4rem); margin-top: 0; height: 450px; margin-left: -2rem; } } /* MARQUEE */ .marquee_container { display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; padding: 0; margin: 0; font-family: 'Century Gothic' ; } .marquee { position: relative; overflow: hidden; } .marquee__inner { width: fit-content; display: flex; position: relative; transform: translate3d(calc(-25% + 25%), 0, 0); animation: marquee 12s linear infinite; animation-play-state: running; } .marquee__inner span { font-size: 0.9rem; padding: 0 0.2rem; } @keyframes marquee { 0% { transform: translate3d(calc(-25% + 25%), 0, 0);} 100% { transform: translate3d(calc(-50% + 25%), 0, 0);} } /* CMS */ .cms-login { position: fixed; top: 45%; left: 50%; width: 20rem; margin-left: -10rem; background-color: white; } .cms-login .pin::placeholder { opacity: 0.4; } .cms-login img { position: absolute; width: 5rem; margin-left: 50%; transform: translateX(-50%); top: -4rem; left: 0; } .cms-login .pin { padding: 0.5rem; width: 100%; border: solid 1px rgba(0,0,0,0.3); text-align: center; font-family: Open Sans; font-size: 1.5rem; } @keyframes heartfade { 0% { opacity : 1; } 50% { opacity : 0; } } .heart { z-index : 99999; animation : heartfade 6s linear; position : absolute; } .heart:before, .heart:after { content : ""; background-color : #fc2a62; position : absolute; height : 30px; width : 45px; border-radius : 15px 0px 0px 15px; } .heart:before { transform : rotate(45deg); } .heart:after { left : 10.5px; transform : rotate(135deg); } .cms-testi { padding: 2rem; } .cms-testi input[type=text], .cms-testi input[type=number], .cms-testi textarea { display: block; width: 100%; font-size: 1rem; font-family: 'Century Gothic'; padding: 0.3rem 0.5rem; margin-bottom: 0.5rem; border: solid 1px rgba(0,0,0,0.3); } .cms-testi-grid-1fr-1fr-1fr { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 0.5rem; } .cms-testi-check { display: none; position: fixed; left: 0; top: 50%; margin-left: 50%; transform: translateX(-50%); font-size: 12rem; color: green; font-weight: bold; } .cms-testi h1 { text-transform: uppercase; } .cms-testi-record { display: grid; grid-template-columns: 15rem 1fr 5rem 1fr; margin-bottom: 3rem; padding-bottom: 3rem; border-bottom: solid 1px rgba(0,0,0,0.3); } .cms-testi-record-anteprima { width: 13rem; height: 13rem; object-fit: contain; } .cms-testi-record > div:nth-child(1) { display: grid; align-content: center; } .cms-testi-record > div:nth-child(3) { display: grid; align-content: center; text-align: center; font-size: 1.5rem; } .cms-testi-record-nome { font-weight: bold; font-size: 1.3rem !important; } .cms-testi-record-nomecodice { display: grid; grid-column-gap: 0.5rem; grid-template-columns: 1fr 10rem 5rem; } .cms-testi-mancante { background-color: rgba(255,255,0,0.4); } .bestsellers-home .bestsellers-item-name { text-align: center; font-size: 1rem; line-height: 1.2rem; } .bestsellers-home .bestsellers-review { text-align: center; font-size: 1rem; line-height: 1.2rem; opacity: 0.5; font-style: italic; } .bestsellers-home .bestsellers-stars img { height: 1.2rem; margin-top: 1.5rem; margin-bottom: 0.5rem } @media (min-width: 1155px) { .bestsellers-home .bestsellers-item-name { min-height: 80px } } /*Мобильная*/ @media (max-width: 1155px) { .main-linea-prodotti-elenco .prodotto-block .buy-block-section .buy-btn-section { background-position: 0px center; } } @media (max-width: 1034px) { .main-linea-prodotti-elenco .prodotto-block .buy-block-section .buy-btn-section { background-position: 0px center; max-height: 55px; } } @media (max-width:1250px ) { .main { max-width: 1100px; } h1 { font-size: 3.5rem !important; line-height: 3.5rem !important; } } @media (max-width:1150px ) { .main { width: 1000px; } } @media (max-width:1050px ) { h1 { font-size: 2rem !important; line-height: 2rem !important; margin: 0; } button { width: 100%; margin: 0; } label { } .nomobile { display: none; } .pasticcino { position: fixed; z-index: 1000; width: 10rem; top: 6rem; right: -15.5rem; background-color: #fff; padding: 0.5rem; border-radius: 0.3rem; box-shadow: 1px 1px 10px rgba(0,0,0,0.5); } .pasticcino img:nth-child(3) { position: absolute; top: -0.5rem; right: -0.5rem; height: 1.5rem; cursor: pointer; } .testo { font-size: 1.1rem; line-height: 1.4rem; } .testo sup { font-size: 1rem; } .top-logo img { height: 2.4rem; } .main-container, .main-top { height: auto; } .main-container { padding-top: 2rem; padding-bottom: 2rem; } .main-container-top { justify-items: center; padding: 0; } .main-container-pretop { display: none; } .main { width: 100%; height: auto; padding: 1rem; } .top-menu { display: none; } .top-menu-mobile-hamburger, .top-menu-mobile-bag, .top-menu-mobile-search { display: block; } .top-menu-mobile-hamburger img { position: absolute; top: 1.5rem; left: 1rem; height: 1.5rem; } .top-menu-mobile-bag { position: absolute; top: 1.3rem; right: 1rem; } .top-menu-mobile-bag img { height: 1.7rem; } .top-menu-mobile-bag b { top: -0.3rem; right: -0.5rem; } .top-menu-mobile-search { position: absolute; top: 1.3rem; right: 4rem; } .top-menu-mobile-search img { height: 1.7rem; } .hero-home { justify-content: stretch; height: 25rem; min-height: auto; margin-bottom: 0; } .hero-home-slide { display: block; top: auto; bottom: 4rem; margin: 0; font-size: 2.5rem; line-height: 2.5rem; padding-bottom: 0; overflow: visible; background-position: 60% top; } .hero-home-slide .main::before { position: absolute; z-index: -1; height: 100%; width: 100%; content: ''; bottom: 0; background-image: linear-gradient(rgba(255,255,255,0), #fff), linear-gradient(rgba(255,255,255,0), #fff); } .hero-home-slide .main h1 { font-size: 2.5rem !important; line-height: 2.4rem !important; margin-top: 1rem; } .hero-home-slide .main h2 { text-transform: none; font-size: 1.1rem; line-height: 1.4rem; margin-top: 1rem; margin-bottom: -2rem; } .hero-home-slide > .main button, .hero-home-slide > .main .b-button { width: 100%; min-height: auto; font-size: 1.1rem !important; } .hero-home-slide-mobile .b-button { display: block; font-weight: bold; font-size: 1.1rem; padding: 0.6rem 1rem; text-align: center; background-color: #fff; border: solid 3px #000; cursor: pointer; transition: background-color 0.5s; } .grid-1fr-1fr, .grid-1fr-1fr-top { grid-template-columns: 1fr; grid-gap: 1rem; } .grid-1fr-1fr-top > div:nth-child(2) { justify-content: center; margin-top: 2rem; } .main-container-1 { padding-top: 1rem; } .main-home-intro { margin: 0; padding-bottom: 0; } .main-home-intro .home-sara-e-gianmarco { margin: 2rem 0; } .main-home-intro .home-composit-1 { position: relative; left: 50%; top: 3rem; transform: translateX(-50%); height: 25rem; right: auto; margin-bottom: 4rem; } .main-home-intro .button-video { margin-top: 3rem; margin-bottom: 7rem; } .main-container-2 { background-image: url(/local/templates/rhea/images/home-rhea-2-mobile.jpg); background-size: 100% auto; height: auto; padding-bottom: 16rem; } .main-container-2 h1 { margin-bottom: 2rem; } .main-container-2 span { padding-right: 20%; } .main-container-3 { padding: 0; padding-bottom: 3rem; } .main-container-3 .main { padding: 0; } .main-container-3 .main > div:nth-child(2) { padding: 1rem; } .main-container-3 h1 { margin-top: 2rem; margin-bottom: 2rem; } .main-container-3 button { margin-top: 2rem; } .main-container-4 .main { padding: 0; } .main-container-4 .main > div:nth-child(1) { padding: 1rem; } .main-container-4 .main > div:nth-child(2) { display: none; } .main-container-4:after { content: ''; width: 100%; height: 15rem; background-image: url(/local/templates/rhea/images/home-rhea-viso-mobile.jpg); background-color: #F9F9F9; background-repeat: no-repeat; background-position: bottom left; background-size: auto 100%; } .main-container-4 h1 { margin-bottom: 2rem; } .main-container-4 button { margin-top: 3rem; margin-bottom: 2rem; } .main-container-5 .main { padding: 0; } .main-container-5 .main > div:nth-child(1) { display: none; } .main-container-5 .main > div:nth-child(2) { padding: 0 1rem; } .main-container-5 { margin-top: -4rem; margin-bottom: -4rem; } .main-container-5:after { content: ''; width: 100%; height: 15rem; background-image: url(/local/templates/rhea/images/home-rhea-corpo-mobile.jpg); background-color: #F9F9F9; background-repeat: no-repeat; background-position: bottom left; background-size: cover; } .main-container-5 h1 { margin-top: 2rem; margin-bottom: 2rem; } .main-container-5 button { margin-top: 3rem; margin-bottom: 3rem; } .main-container-6 .main { padding: 0; background-color: rgba(251,241,233,0.6); } .main-container-6 .main > div:nth-child(1) { padding: 1rem; } .main-container-6 > div > div:nth-child(2) { display: none; } .main-container-6 { xmargin-top: -2rem; margin-bottom: -2rem; } .main-container-6 h1 { margin-top: 2rem; margin-bottom: 2rem; } .main-container-6 button { margin-top: 3rem; margin-bottom: 2rem; } .main-container-7 { color: #000; background: none; padding: 0; margin-top: -2rem; height: auto; } .main-container-7:after { content: ''; width: 100%; height: 20rem; background-image: url(/local/templates/rhea/images/home-rhea-solari-mobile.jpg?1); background-color: #F9F9F9; background-repeat: no-repeat; background-position: bottom left; background-size: cover; } .main-container-7 .label-h1 { margin-top: 2rem; margin-bottom: 2rem; font-size: 2rem; text-transform: none; } .main-container-7 span { display: block; } .main-container-7 button { margin-top: 3rem; margin-bottom: 2rem; color: #000; border-color: #000; } .main-container-8 { border-top: solid 1px rgba(0,0,0,0.15); } .main-container-8 .main > div:nth-child(2) img { margin-top: 2rem; margin-left: -1rem; width: calc(100% + 2rem); } .main-container-8 .pro { display: none; } .main-container-8 .pro-mobile { display: block; margin-top: -2rem; } .main-container-8 h1 { margin-bottom: 2rem; } .main-container-8 .pro-mobile h2 { font-family: 'Century Gothic'; opacity: 0.5; } .main-container-info { padding: 3rem 1rem; } .main-container-info h2 { font-size: 1.3rem; line-height: 1.5rem; } .main-container-footer .main { grid-template-columns: 1fr; } .main-container-footer .main > div { text-align: center; } .main-container-footer .footer-social-links { justify-content: center; } .main-container-footer .info-link { margin-top: 20px; } .main-container-footer .logo-footer { display: inline; left: 50%; } .main-container-footer .loghi { grid-template-rows: 1fr; justify-content: center; } .main-container-footer .loghi > div:nth-child(1) { align-content: start; justify-content: center; } .main-container-footer .loghi > div:nth-child(2) { align-content: center; } .main-container-footer .loghi > div:nth-child(3) { align-content: end; } .main-container-footer .loghi-1 { margin-top: 2rem; grid-gap: 2rem; align-items: center; } .main-container-footer .loghi-2 { margin-top: 2rem; grid-gap: 1rem; align-items: center; justify-content: center; } .main-container-footer .logo1 { height: 2.5em; } .main-container-footer .logo2 { height: 2.5rem; } .main-container-page .main { padding-top: 2rem; padding-right: 1rem; } .main-container-page .main h1 { font-size: 2rem; line-height: 2rem; margin-bottom: 2rem; margin-bottom: 1.5rem; } .main-container-page .main h2 { font-size: 1.1rem; line-height: 1.5rem; } .main-container-page .main .form-account-salva { margin-top: 1rem; width: 100%; } .main-container-linea { padding: 0; min-height: auto; } .main-container-linea .main-linea { padding: 1rem; padding-top: 3rem; padding-bottom: 3rem; } .main-linea-intro-hero { background-position: center left; background-size: auto 110%; opacity: 0.15; } .main-linea-intro { width: 100%; } .main-linea-prodotti-menu { display: none; } .main-container-linea { justify-content: left; } .main-container-linea .main-linea h1 { font-size: 1.8rem; text-transform: uppercase; margin: 0; margin-bottom: 2rem; line-height: 2rem; } .main-container-linea .main-linea h2 { font-size: 1.5rem; margin-bottom: 0.2rem; margin-left: 0; } .main-container-linea .main-linea h3 { font-family: 'Century Gothic Gras'; font-size: 1.5rem; line-height: 1.6rem; margin: 0; margin-bottom: 1rem; } .main-container-linea .main-linea h4 { font-size: 1.1rem; line-height: 1.4rem; font-weight: normal; margin: 0; } .main-linea-prodotti { grid-template-columns: 1fr; } .main-linea-prodotti-elenco { display: grid; grid-template-columns: 1fr; grid-gap: 0; } .main-linea-prodotti-elenco a { margin-bottom: 3rem; min-height: auto; } .main-linea-prodotti-elenco .prodotto h1 { font-family: 'Century Gothic Gras'; font-size: 1.5rem; line-height: normal; text-transform: none; margin: 0; padding-top: 1rem; margin-top: 2rem; margin-bottom: 0; } .main-linea-prodotti-elenco .prodotto h2 { font-family: 'Century Gothic'; font-size: 1.2rem; font-weight: normal; line-height: 1.2rem; margin: 0; margin-top: 0.5rem; margin-bottom: 0.5rem; } .main-linea-prodotti-elenco .prodotto .section-item-price { font-family: 'Century Gothic'; font-size: 1.3rem; font-weight: normal; line-height: normal; margin: 0; border: 0; line-height: 2.2rem; } .main-linea-prodotti-elenco .prodotto h5 { margin-bottom: -1rem; } .main-linea-prodotti-elenco .prodotto { padding-bottom: 1rem; border: none; } .main-linea-prodotti-elenco .prodotto .prodotto-foto { justify-items: center; align-items: center; width: calc(100% + 2rem); margin-left: -1rem; padding-top: 1rem; margin-bottom: -1rem; } .main-linea-prodotti-elenco .prodotto .prodotto-foto img { object-position: center center; } .prodotto-prezzo .btn.product-item-detail-buy-button { margin: 0 auto; } .main-container-prodotto { padding: 0; padding-bottom: 2rem; } .main-prodotto { grid-template-columns: 1fr; grid-gap: 2rem; } .main-prodotto .prodotto-foto img { object-fit: contain; object-position: center center; max-height: 15rem; } .main-prodotto .prodotto-foto .prodotto-chat { grid-gap: 1.5rem; font-size: 1rem; line-height: 1.3rem; opacity: 0.5; padding: 1rem 0; border-bottom: solid 1px rgba(0,0,0,0.2); display: none; } .main-prodotto .prodotto-foto .prodotto-chat img { height: 2rem; } .main-prodotto .prodotto-foto .marchi { display: none; } .main-prodotto .prodotto-social { position: absolute; display: grid; grid-auto-flow: row; grid-gap: 1rem; top: 1rem; right: 0; top: -28rem; } .main-prodotto .prodotto-scheda h1 { font-size: 1.8rem; margin: 0; line-height: normal; text-align: center; max-width: 100%; margin-bottom: 30px; } .main-prodotto .prodotto-scheda h2 { font-size: 1.1rem; margin-bottom: 1rem; text-align: center; } .main-prodotto .prodotto-info { color: rgba(0,0,0,0.8); margin-top: 2rem; border-top: solid 1px rgba(0,0,0,0.2); line-height: normal; } .main-prodotto .prodotto-info h2 { font-size: 1.1rem; margin-bottom: 0.5rem; } .main-prodotto .stars-container { display: grid; justify-content: center; margin-bottom: -1rem; } .main-prodotto .stars-container .stars-valuta { margin-left: -3rem; } .main-prodotto .prodotto-prezzo { text-align: center; border: 0; border-top: solid 1px rgba(0,0,0,0.15); } .main-prodotto .prodotto-prezzo .product-item-detail-price-old, .main-prodotto .prodotto-prezzo .product-item-detail-price-current { text-align: center; } .main-prodotto .prodotto-prezzo button { margin-top: 2rem; } .main-prodotto .prodotto-icone { grid-auto-flow: row; grid-template-columns: 1fr 1fr; grid-gap: 2rem; opacity: } .main-prodotto .prodotto-icone > div { display: grid; justify-items: center; align-content: start; text-align: center; font-size: 0.9rem; line-height: normal; color: rgba(0,0,0,0.5); } .main-prodotto .prodotto-icone img { height: 2.2rem; margin-bottom: 1rem; } .main-prodotto .prodotto-icone b { display: block; text-transform: uppercase; margin-bottom: 0.5rem; color: rgba(0,0,0,1); } .main-container-attivi-funzionali { background-color: #F5F4F0; padding-top: 2rem; padding-bottom: 2rem; } .main-container-attivi-funzionali .prev { width: 7rem; left: 8rem; } .main-container-attivi-funzionali .next { width: 7rem; right: 8rem; } .main-linea-prodotti-elenco-slick .prev { width: 7rem; left: 9rem; } .main-linea-prodotti-elenco-slick .next { width: 7rem; right: 9rem; } .main-linea-prodotti-elenco-slick .prodotto { margin-bottom: 2rem; } .main-container-attivi-funzionali .main > div { grid-auto-flow: row; grid-gap: 2rem; height: auto; } .main-container-attivi-funzionali .main h1 { font-size: 1.3rem; margin-bottom: 3rem; } .main-container-attivi-funzionali .main h2 { font-family: 'Century Gothic Gras'; margin-bottom: 1rem; } .main-container-prodotti-correlati { padding-top: 2rem; padding-bottom: 2rem; } .main-container-prodotti-correlati .main-linea-prodotti-elenco { grid-template-columns: 1fr; } .main-container > h1, .main-container > h2 { margin-top: 0; margin-left: 1rem; font-size: 1.3rem; line-height: 1.6rem; } .main-container > h2 { margin-top: 0.5rem; font-size: 1.2rem; line-height: 1.4rem; } .main-container-prodotti-correlati .slick-prodotti::before { display: none; } .main-container-prodotti-correlati .slick-prodotti .slick-list { padding: 0; } .main-container-pro-gallery h1 { margin-bottom: -3rem; } .main-container-pro-gallery > .main, .main-container-pro-corsi > .main { grid-template-columns: 1fr; } .main-container-pro-gallery .span2 { grid-column: auto; } .main-container-pro-gallery > .main > div:nth-child(n), .main-container-pro-corsi > .main > div:nth-child(n) { padding: 0; padding-top: 2rem; padding-bottom: 1rem; border: none; } .main-container-pro-gallery img { height: auto; width: 90%; margin-bottom: 2rem; margin-top: 1rem; } .main-container-pro-gallery .span2 img { height: auto; width: 100%; object-fit: contain; display: none; } .main-container:not(.main-container-3) .foto-sezione { width: calc(100% + 2rem); margin-left: -1rem; margin-top: 2rem; } .main-container .foto-sezione-smaller { width: calc(100% + 2rem); margin-left: -1rem; } .button-aggiungi-carrello { position: relative; z-index: 2; width: 100%; bottom: 0; background-color: #ffffff; } .button-aggiungi-carrello-conferma { width: 80%; margin-left: 10%; } .page-menu-pro { width: 100%; line-height: 2.5rem; background-color: #ffffff; padding: 2rem; border: solid 1px rgba(0, 0, 0, 0.2); box-shadow: none; padding-bottom: 3rem; } .page-menu-pro-button { width: 100%; top: -1rem; } .store-finder-store { } .store-finder-store button { display: block; font-size: 0.9rem; padding: 0.3rem; width: 100%; margin-top: 0.5rem; } .scienza-emulsione { grid-template-columns: 45% 45%; grid-gap: 2rem; } .scienza-emulsione > div { font-size: 0.9rem; } .scienza-emulsione > div img { } #store-finder-map { width: calc(100% + 2rem); margin-left: -1rem; height: 30rem; margin-top: 2rem; } .checkout-cart-container { grid-template-columns: 1fr; grid-column-gap: 2rem; margin-top: 1rem; padding: 1rem; padding-top: 2rem; margin-left: -1rem; width: calc(100% + 2rem); border: none; } .checkout-cart-container-spedizione { margin-top: -1rem; border: none; margin-bottom: 4rem; } .checkout-boxes { grid-template-columns: 1fr; grid-gap: 2rem; } .checkout-box-campioncini { display: grid; width: 100%; height: 9.5rem; padding: 0.5rem 0; overflow-y: scroll; overflow-x: hidden; border: solid 1px rgba(0,0,0,0.2); background-color: #fff; } .bottone-paga { font-size: 1.1rem; background-color: #FFC439; left: auto; transform: none; margin-top: 2rem !important; width: 100%; } .checkout-cart { display: grid; grid-column-gap: 1rem; grid-row-gap: 1rem; border: 0; padding-right: 0; } .checkout-cart > a:nth-child(4n+1) { background: none; } .checkout-cart > a:nth-child(4n+2) { padding-left: 0; padding-right: 0; } .checkout-cart > div:nth-child(4n+4) { padding-right: 0; } .checkout-cart-price { padding: 0; } .checkout-cart-foto img { height: 3rem; } .checkout-cart-product h2 { margin-bottom: 0; line-height: 1.4rem; font-size: 1.1rem; } .checkout-cart-product-info { display: grid; grid-template-columns: auto 1fr auto; grid-column-gap: 1rem; font-size: 1rem; } .checkout-cart-product-info > div:nth-child(2) { text-align: right; padding-right: 1rem; } .checkout-cart-remove > img { height: 1.5rem; } .checkout-cart-recap { margin-top: 2rem; text-align: center; padding-top: 1rem; border-top: solid 1px rgba(0,0,0,0.1); } .checkout-cart-recap .totale { padding-bottom: 1rem; margin-bottom: 2rem; border-bottom: solid 1px rgba(0,0,0,0.2); } .checkout-cart-recap .totale-valore { font-size: 1.5rem; margin-bottom: 0.5rem; } .checkout-cart-recap .totale-spedizione { font-size: 1rem; } .checkout-cart-recap button { margin-top: 3rem; } .checkout-form { margin-top: 4rem; } .checkout-form form { display: grid; grid-template-columns: 1fr; grid-column-gap: 0; } .checkout-form label { margin-top: 0; } .checkout-form button { margin-top: 2rem; } .checkout-pagamento { text-align: center; margin-top: 2rem; } .checkout-pagamento .bottoni { grid-auto-flow: row; justify-self: center; grid-gap: 1rem; margin-top: 2rem; } .checkout-pagamento .bottoni .spinner2 { position: relative; bottom: auto; top: 0.5rem; margin-bottom: 1rem; } .grid-colspan-2 { grid-column: 1 / 2; } .grid-2col { grid-template-columns: 1fr; grid-column-gap: 1rem; } .account-ordine-recap { grid-template-columns: 1fr; grid-row-gap: 1rem; } .account-ordine-recap b { display: block; margin-bottom: 0; margin-top: 0.5rem; } .account-ordine-recap > div:nth-child(n) { text-align: left; font-size: 1rem; } .account-ordine-recap > div:nth-child(2) { font-size: 1.2rem; font-weight: bold; } .account-ordine-recap > div:nth-child(2) .spedizione { font-weight: normal; } .account-ordine-prodotti { grid-template-columns: 1fr 1fr; grid-gap: 1rem; padding: 2rem 1rem; } .account-ordine-prodotto { white-space: normal; line-height: 1rem; font-size: 1rem; padding: 0; } .account-ordine-prodotto img { width: 4rem; height: 4rem; object-fit: contain; margin-bottom: 1rem; } .trattamenti-grid { grid-template-columns: 1fr; grid-gap: 2rem; margin-top: -5rem; margin-left: -1rem; width: calc(100% + 2rem); } .trattamenti-grid > div { padding: 1rem; box-shadow: none; color: rgba(0,0,0,0.6); padding-bottom: 3rem; border-bottom: solid 1px rgba(0,0,0,0.15); } .trattamenti-grid > div > button { margin-top: 1rem; } .trattamenti-grid > div > button:first-of-type { margin-right: 0; margin-top: 2rem; } .main-linea-prodotti-elenco-skincoding { grid-auto-flow: row; } .skincoding-opzioni > div { } .skincoding-opzioni > div > div { font-size: 0.9rem; line-height: 1rem; margin-top: -5em; } .rheario-lettere { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-flow: row; grid-gap: 1rem; font-weight: bold; margin-top: 4rem; } .rheario-lettere > a { color: rgba(0,0,0,0.5); text-align: center; } .rheario-lettere-scelta { color: rgba(0,0,0,1) !important; border-bottom: solid 2px; font-weight: bold; } .rheario-elenco { display: grid; grid-gap: 0; margin-top: 4rem; } .rheario-elenco-attivo { grid-template-columns: 1fr; line-height: 1.5rem; padding: 1rem; padding-top: 2rem; padding-bottom: 3rem; margin-left: -1rem; width: calc(100% + 2rem); border-bottom: solid 1px rgba(0,0,0,0.1); box-shadow: none; min-height: 1rem; background-size: 100% auto !important; } .rheario-elenco-attivo > div:nth-child(1) { font-size: 1.3rem; padding-right: 0; border-right: none; } .rheario-elenco-attivo > div:nth-child(1) b { font-family: 'Century Gothic Gras'; margin: 0; } .rheario-elenco-attivo > div:nth-child(1) i { font-size: 1.1rem; color: rgba(0,0,0,0.6); } .rheario-elenco-attivo > div:nth-child(2) { padding-left: 0; padding-right: 0; color: rgba(0,0,0,0.6); border-right: none; } .rheario-elenco-attivo > div:nth-child(3) { margin-top: 1rem; padding-left: 0; } .rheario-elenco-attivo > div:nth-child(3) a { text-decoration: underline; line-height: 2rem; font-weight: bold; } .main-trattamenti-viso, .main-trattamenti-corpo, .main-trattamenti-sense, .main-trattamenti-sun { background-size: cover; background-position: top center; } .main-trattamenti-viso { background-image: linear-gradient(to right, rgba(255,255,255,0.75) , rgba(255,255,255,0.75)), url(/local/templates/rhea/images/trattamenti-viso.jpg); } .main-trattamenti-corpo { background-image: linear-gradient(to right, rgba(255,255,255,0.75) , rgba(255,255,255,0.75)), url(/local/templates/rhea/images/trattamenti-corpo.jpg); } .main-trattamenti-sense { background-image: linear-gradient(to right, rgba(255,255,255,0.75) , rgba(255,255,255,0.75)), url(/local/templates/rhea/images/trattamenti-sense.jpg); } .main-trattamenti-sun { background-image: linear-gradient(to right, rgba(255,255,255,0.80) , rgba(255,255,255,0.80)), url(/local/templates/rhea/images/trattamenti-sun.jpg); } .main-trattamenti .foto-sezione { display: none; } .trattamenti-grid { display: grid; grid-template-columns: 1fr; margin-top: -6rem; grid-gap: 2rem; } .trattamenti-grid > div { z-index: 2; display: grid; grid-template-columns: 1fr; background-color: #fff; box-shadow: 0 3px 15px rgba(0,0,0,0.1); } .trattamenti-grid-sfondo { display: none; } .trattamenti-grid-testo { padding: 1rem 0; } .trattamenti-grid-testo b { color: rgba(0,0,0,1); font-family: 'Century Gothic Gras'; display: block; font-size: 1.5rem; margin-bottom: 2rem; } .trattamenti-grid-testo > button { display: block; margin-top: 2rem; padding-left: 2rem; padding-right: 2rem; background-color: #ffffff !important; } .trattamenti-grid-testo button:first-of-type { margin-right: 0; } .trattamenti-scopri { z-index: 1 !important; display: grid; grid-template-columns: 1fr !important; grid-gap: 0; align-items: start; transition: all 0.5s; height: auto; margin-top: -2rem; color: rgba(0,0,0,0.6); box-shadow: none !important; border: none; } .trattamenti-scopri-corpo { grid-template-columns: 1fr !important; } .trattamenti-scopri-sun { height: auto; } .trattamenti-scopri-off { height: 0; overflow: hidden; margin-top: -10rem; } .trattamenti-scopri-before-after { z-index: 0; position: relative; height: 280px; } .trattamenti-scopri-before-after-corpo { height: 500px; } .trattamenti-scopri-before-after-sun { height: 280px; } .trattamenti-scopri-before-after > div { position: absolute; display: grid; justify-content: left; align-content: start; padding: 1rem; padding-left: 0; top: -1rem; left: -1rem; width: calc(100% + 2rem); height: calc(100% + 2rem); color: #fff; background-size: cover; background-position: center center; cursor: pointer; } .trattamenti-scopri-before-after > div > span { background-color: #000; padding: 0.3rem 1rem; text-transform: uppercase; font-size: 0.9rem; margin-bottom: 0.2rem; } .trattamenti-scopri-before-after-dida { display: grid; height: 70px; align-content: center; justify-content: center; font-size: 0.9rem; opacity: 0.8; } .trattamenti-scopri > div:nth-child(2) { padding: 3rem; padding-left: 0; } .trattamenti-scopri > div:nth-child(2) > b { margin-top: 0; display: block; font-family: 'Century Gothic Gras'; font-size: 1.4rem; margin-bottom: 1.5rem; color: #000; } .trattamenti-scopri > div:nth-child(2) > i { display: block; font-family: 'Century Gothic Gras'; font-size: 1.2rem; color: rgba(0,0,0,1); margin-top: 2rem; margin-bottom: 0.3rem; font-style: normal; } .trattamenti-scopri > div:nth-child(2) a { display: block; text-decoration: underline; margin-top: 1rem; } .journal-logo { width: 15rem; } .journal-top h1 { font-size: 1.5rem !important; line-height: 1.5rem !important; margin-bottom: -6rem; margin-top: -2rem; margin-bottom: 0 !important; } .main-journal-card, .main-journal-post { grid-template-columns: 1fr; padding: 0 !important; width: calc(100vw - 2rem); margin: 1rem !important; } .main-journal-card > img { object-fit: contain; object-position: top center; width: 100%; height: auto; } .journal-mobile { margin-left: -1rem; width: calc(100% + 2rem); height: auto; margin-bottom: 3rem; } .main-journal-card div:nth-child(n), .main-journal-post div:nth-child(n) { padding: 4rem 2rem !important; } .main-journal-card div:nth-child(n) h1, .main-journal-post div:nth-child(n) h1 { font-size: 1.5rem !important; line-height: 2rem !important; margin-bottom: 1.5rem; } .main-journal-post { grid-template-columns: 1fr; } .modal, .modal-stelle { width: calc(100% - 2rem); max-width: 30rem; padding: 1rem; margin: 0 auto; background-color: #ffffff; border: solid 1px rgba(0,0,0,0.3); box-shadow: 1px 1px 20px rgba(0,0,0,0.2); } .modal h1, .modal-stelle h1 { font-size: 1.5rem; margin-bottom: 1rem; } .modal h2, .modal-stelle h2 { font-size: 1.2rem; margin-bottom: 1rem; } .account-tab-content:not(.account-tab-content-1) > h2 { margin-left: 1rem; } .account-tab-content { margin-left: -1rem; width: calc(100% + 2rem); } .account-tab-content-1 { padding: 0 1rem; } .sconto-badge1 { height: 4rem; top: -20rem; left: 0; } .sconto-badge2 { height: 3rem; top: 1.5rem; left: auto; right: 0.5rem; } /* Checkbox */ .checkbox-container { font-size: 0.9rem; line-height: 1rem; } } @media (min-width:1050px) { .main-linea.main-linea-prodotti { align-items: start; } .main-linea-prodotti-elenco .prodotto .section-item-type { min-height: 65px; } .main-linea-prodotti-elenco .prodotto-block .buy-block-section .buy-btn-section { min-width: 130px; max-height: 58px; min-height: 53px; } .main-linea-prodotti-elenco .prodotto-block .buy-block-section { grid-gap: 0.5rem; } } @media (min-width:1050px) and (max-width: 1250px) { .main-linea-prodotti-elenco .prodotto-block .buy-block-section .buy-btn-section { min-width: 90px; background-position: 5px center; } } @media (min-width:1050px) and (max-width: 1150px) { .main-linea-prodotti-elenco .prodotto-block .buy-block-section .buy-btn-section { min-width: 90px; background-position: 1px center; } } @media (max-width:400px) { h1 { font-size: 1.2rem!important; line-height: 1.25rem!important; margin: 0; } } a.a-button { font-family: 'Century Gothic Gras'; font-size: 1.1rem; padding: 0.6rem 3rem; text-align: center; background-color: #fff; border: solid 3px #000; cursor: pointer; transition: background-color 0.5s; display: inline-block; margin-top: 2rem; } span.a-button { font-family: 'Century Gothic Gras'; font-size: 1.1rem; padding: 0.6rem 3rem; text-align: center; background-color: #fff; border: solid 3px #000; cursor: pointer; transition: background-color 0.5s; display: inline-block; margin-top: 2rem; } .hero-home-slide > .main .b-button { width: 25rem; margin-top: 4rem; font-size: 1.2rem; min-height: 4rem; font-family: 'Century Gothic'; } @media (max-width: 1050px) { a.a-button { display: block; width: 100%; } span.a-button { display: block; width: 100%; } } .main-content-page { width: 1200px; } @media (max-width:1250px ) { .main-content-page { max-width: 1100px; } } @media (max-width:1150px ) { .main-content-page { width: 1000px; } } @media (max-width:1050px ) { .main-content-page { width: 100%; } } /* НОВОСТИ */ .news-list .news-item { margin-bottom: 20px; background: #fff; box-shadow: 1px 1px 12px rgb(0 0 0 / 40%); } .news-list .news-item .news-list-title { display: inline-block; padding: 20px 10px; font-weight: 700; } .news-list { padding: 0 10px; } .news-list .news-item .news-list-anons { padding: 10px; } .news-list .news-item .news-list-img { width: 100%; } .news-detail { padding: 40px; background: #fff; box-shadow: 1px 1px 12px rgb(0 0 0 / 40%); } .news-detail h1.news-detail-title { margin: 0; font-size: 3rem; line-height: 3rem; padding-bottom: 20px; } .news-detail .detail_picture.news-detail-img { width: 100%; margin: 0; } /* END НОВОСТИ */ .home-prof .home-prof-title, .home-rubrick .home-rubrick-title { font-family: 'Century Gothic Gras'; font-size: 2.5rem; line-height: 2.5rem; margin: 0; padding-bottom: 40px; margin-bottom: 0.5rem; font-weight: 500; } @media (max-width: 1050px) { .home-prof .home-prof-title, .home-rubrick .home-rubrick-title { font-size: 2rem !important; line-height: 2rem !important; margin: 0; } } a.home-prof:hover { color:#000; } a.home-prof .a-button { transition: background-color 0.3s; } a.home-prof .a-button:hover { background-color: #73B9B8; transition: background-color 0.3s; } .home-jurnal a.home-jurnal-item { color: #000; } .home-jurnal a.home-jurnal-item:nth-child(1){ background-color: #F9CEE1; } .home-jurnal a.home-jurnal-item:nth-child(2){ background-color: #F8F8F8; padding-bottom: 6rem; } .home-jurnal a.home-jurnal-item:nth-child(2)>.main { margin-top: 3rem; font-size: 1.3rem; direction: rtl; } .home-jurnal a.home-jurnal-item:nth-child(2)>.main>div{ direction: ltr; } .home-jurnal a.home-jurnal-item:nth-child(3){ background-color: #D6F1E0; } .home-jurnal .h1-class { margin-bottom: 4rem; width: 100%; } .home-jurnal .main-container > .main > div:nth-child(2) { display: grid; align-content: center; } .home-jurnal .home-jurnal-item img.foto-sezione { width: 100%; } @media (max-width: 1050px) { .home-jurnal .main-container { padding: 0; padding-bottom: 3rem; } .home-jurnal .home-jurnal-item img.foto-sezione { width: 100%; margin-left: unset; margin-top: unset; } .home-jurnal-item .main > div:nth-child(2) { padding: 1rem; } .home-jurnal a.home-jurnal-item:nth-child(2)>.main { margin: 0; padding-bottom: 0; } } .h1-class { font-family: 'Century Gothic Gras'; font-size: 2.5rem; line-height: 2.5rem; margin: 0; margin-bottom: 0.5rem; } .h2-class { font-family: 'Century Gothic'; font-size: 1.5rem; line-height: 2rem; margin: 0; margin-bottom: 0.5rem; font-weight: 600; } .h2-class { font-family: 'Century Gothic'; font-size: 1.5rem; line-height: 2rem; margin: 0; margin-bottom: 0.5rem; font-weight: 600; } @media (max-width: 1050px) { .h1-class { font-size: 2rem !important; line-height: 2rem !important; } } @media (max-width: 400px) { .h1-class { font-size: 1.5rem !important; line-height: 1.5rem !important; } } .bestsellers-text-home { padding-bottom: 30px; } .bestsellers-text-home .h1-class { margin-bottom: 4rem; width: 100%; } /* Корзина */ .bx-basket.bx-site { max-width: 1200px; margin: 0 auto; } .bx-basket.bx-site .basket-checkout-block-btn .btn-primary { background: #fff; border: 3px solid #000; color: #000; transition: background-color 0.3s; } .bx-basket.bx-site .basket-checkout-block-btn .btn-primary:hover { background-color: #73B9B8; transition: background-color 0.3s; } .bx-basket.bx-site .basket-item-info-name .basket-item-info-name-link { font-family: 'Century Gothic'; font-weight: bold; font-size: 2rem; } .bx-basket.bx-site .basket-item-amount-filed-block { max-width: 50px; margin: 0 5px; } .bx-basket.bx-site .basket-item-block-image { text-align: center; } .bx-basket.bx-site .basket-item-block-properties { padding: 5px; border-top: 1px solid #eee; } .bx-basket.bx-site .basket-item-block-properties .basket-item-property-custom { padding-right: 15px; display: flex!important; margin-top: 10px; } .bx-basket.bx-site .basket-item-block-properties .basket-item-property-name, .bx-basket.bx-site .basket-item-block-properties .basket-item-property-custom-name { display: none; } .bx-basket.bx-site .basket-item-block-properties .basket-item-property-value, .bx-basket.bx-site .basket-item-block-properties .basket-item-property-custom-value { font-family: 'Century Gothic'; font-weight: 400; font-size: 13px; color: #58acab; } .bx-basket.bx-site .basket-item-price-current-text { font-size: 1.5rem; } .bx-basket.bx-site .basket-coupon-block-total-price-difference, .bx-basket.bx-site .basket-item-price-difference { background: #58acab; color: #ffffff; } .bx-basket.bx-site .basket-coupon-text { padding-left: 20px; font-family: 'Century Gothic'; } .bx-basket.bx-site .basket-coupon-text strong { color: #58acab; } .bx-basket.bx-site .basket-coupon-alert .close-link, .bx-basket.bx-site .basket-coupon-block-field-description, .bx-basket.bx-site .basket-checkout-block-total-title, .bx-basket.bx-site .basket-item-price-old-text, .bx-basket.bx-site .basket-item-price-title, .bx-basket.bx-site .basket-item-price-current-text { font-family: 'Century Gothic'; } @media (max-width:600px) { .bx-basket.bx-site .basket-item-info-name { text-align: center; padding: 10px; } .bx-basket.bx-site .basket-item-info-name .basket-item-info-name-link { font-size: 1.5rem; padding: 0; } } .top-menu-dropdown-cart .bx-basket-item-list-item-price, .top-menu-dropdown-cart .bx-basket-item-list-item-status { display: none; } .top-menu-dropdown-cart .bx-basket-item-list-item { position: relative; margin-bottom: 0; padding-top: 5px; padding-right: 10px; padding-left: 10px; border-bottom: 1px solid #f7f7f7; display: grid; grid-template-columns: 3fr 3fr 1fr; align-items: center; grid-column-gap: 0rem; grid-row-gap: 0; font-size: 1.1rem; font-weight: normal; margin-bottom: 0.5rem; } .top-menu-dropdown-cart .bx-basket-item-list-item .bx-basket-item-list-item-name { overflow: hidden; } .top-menu-dropdown-cart .bx-basket-item-list-item .bx-basket-item-list-item-name a { font-size: 1.1rem; } .top-menu-dropdown-cart .bx-basket-item-list-item .bx-basket-item-list-item-price-summ { text-align: right; font-size: 0; } .top-menu-dropdown-cart .bx-basket-item-list-item .bx-basket-item-list-item-price-summ strong:nth-child(1) { font-size: 0.8rem; font-weight: normal; color: #a5a5a5; } .top-menu-dropdown-cart .bx-basket-item-list-item .bx-basket-item-list-item-price-summ strong:nth-child(1)::after { content: ' шт : '; display: inline; font-weight: normal; color: #a5a5a5; font-size: 0.8rem; } .top-menu-dropdown-cart .bx-basket-item-list-item .bx-basket-item-list-item-price-summ strong:nth-child(2) { font-size: 1.1rem; font-weight: normal; } .top-menu-dropdown-cart .bx-basket-item-list-item-price-block { padding-bottom: 0; } .top-menu-dropdown-cart .bx-basket-item-list-button-container { bottom: 10px; } .top-menu-dropdown-cart .bx-basket-item-list-button-container a { display: block; font-family: 'Century Gothic Gras'; font-size: 1.1rem; padding: 0.6rem 3rem; text-align: center; background-color: #fff; border: solid 3px #000; border-radius: 0; color: #000; cursor: pointer; transition: background-color 0.5s; margin: 0 auto; /*max-width: 80%;*/ } .top-menu-dropdown-cart .bx-basket-item-list-button-container a:hover { background-color: #58acab; color: #fff; } /* END Корзина */ /* Оформление заказа */ .page-order-make .bx-soa-section { border-radius: 0; } .page-order-make .bx-soa-section.bx-step-completed { border: 1px solid #159ebb; } .page-order-make .bx-soa-section.bx-selected { border: 1px solid #d9d9d9; } .page-order-make .bx-soa-section-title-container { background: #F8F8F8; background-color: #F8F8F8; } .page-order-make .bx-soa-section .bx-soa-section-title-count:after { color: #000; } .page-order-make .bx-soa-section.bx-step-completed .bx-soa-section-title-count { border-color: #58ACAB; background: #58ACAB; } .page-order-make .bx-soa-more-btn .btn-primary { font-family: 'Century Gothic Gras'; font-size: 1.1rem; padding: 0.6rem 3rem; text-align: center; background-color: #fff; border: solid 3px #000; border-radius: 0; color: #000; cursor: pointer; transition: background-color 0.5s; display: inline-block; margin-top: 2rem; transition: .3s; } .page-order-make .bx-soa-more-btn .btn-primary:hover { background-color: #58acab; color: #fff; transition: .3s; } .page-order-make .form-check-input:checked { border-color: #58ACAB; background: #58ACAB; } .page-order-make #bx-soa-orderSave .btn-primary { font-family: 'Century Gothic Gras'; font-size: 1.1rem; padding: 0.6rem 3rem; text-align: center; background-color: #fff; border: solid 3px #000; border-radius: 0; color: #000; cursor: pointer; transition: background-color 0.5s; display: inline-block; margin-top: 2rem; transition: .3s; } .page-order-make #bx-soa-orderSave .btn-primary:hover { background-color: #58acab; color: #fff; transition: .3s; } .page-order-make .bx-soa-pp-desc-container .bx-soa-pp-company { border: 1px solid #d9d9d9; background: #f8f8f8; } .page-order-make .bx-soa-pp-company-graf-container { border: 2px solid #c3cace; border-width: 1px; border-radius: 0; } .page-order-make .bx-soa-pickup-list.main { position: relative; display: block; width: unset; } .page-order-make .bx-soa-pickup-list .btn-primary { font-family: 'Century Gothic Gras'; font-size: 0.9rem; padding: 0.4rem 1.2rem; text-align: center; background-color: #fff; border: solid 2px #000; border-radius: 0; color: #000; cursor: pointer; transition: background-color 0.5s; display: inline-block; margin-top: 2rem; transition: .3s; } .page-order-make .bx-soa-more .bx-soa-more-btn { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; } .page-order-make .bx-soa-more .bx-soa-more-btn .btn-outline-secondary { font-family: 'Century Gothic Gras'; font-size: 1.1rem; padding: 0.6rem 3rem; text-align: center; background-color: #fff; border: solid 3px #b2b2b2; border-radius: 0; color: #b2b2b2; cursor: pointer; transition: background-color 0.5s; display: inline-block; margin-top: 2rem; transition: .3s; } .page-order-make #bx-soa-total .btn-order-save { font-family: 'Century Gothic Gras'; font-size: 1.1rem; padding: 0.6rem 3rem; text-align: center; background-color: #fff; border: solid 3px #000; border-radius: 0; color: #000; cursor: pointer; transition: background-color 0.5s; display: inline-block; margin-top: 2rem; transition: .3s; } .page-order-make .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-t { font-size: 16px; } /* END Оформление заказа */ /* Подписка */ .subscribe-page .btn-subscribe { display: block; height: auto; color: #000; font-size: 1.1rem; padding: 0.6rem 3rem; text-align: center; background-color: #fff; border: solid 3px #000; cursor: pointer; transition: background-color 0.5s; } .subscribe-page .btn-subscribe:before { display: none; } .subscribe-page .btn-subscribe span { margin-bottom: 0; } .subscribe-page .bx-subscribe .bx-input-group .bx-form-control { font-size: 16px; background-color: #ffffff; border: solid 1px rgba(0,0,0,0.3); } /* END Подписка */ .attivi-funzionali-slick { display: block!important; } /* Персональный */ .sale-personal-section-index-block { background-color: #009688; } /* END Персональный */ /* Подписка на товары */ .subscribe-page {} .subscribe-page .bx_catalog_item_title { text-align: center; } .subscribe-page .bx_catalog_item_title a { font-family: 'Century Gothic Gras'; font-size: 20px; line-height: 1.5rem; } .subscribe-page .bx_catalog_item_controls .btn { border: 2px solid #000; border-radius: 0; } .subscribe-page .bx_catalog_item_controls .btn-link { color: #000; } @media screen and (min-width: 960px) { .subscribe-page .bx_item_list_you_looked_horizontal.col3 .bx_catalog_item { width: 24%; } } /* END Подписка на товары */ .bx-authform { margin: 0 auto; } .catalog-search-page .search-page { margin: 30px 30px 0; } .catalog-search-page .search-page .input-group input { margin-bottom: 0; } .catalog-search-page .search-page .input-group-append .btn { height: 100%; background-color: #58acab; border-color: #58acab; border-radius: 0; } .catalog-search-page .prodotto-foto { justify-items: center; } .catalog-search-page .main-linea-prodotti { grid-template-columns: auto; } .catalog-search-page .main-linea-prodotti-elenco { } .btn.product-item-detail-buy-button { max-width: unset; padding-top: 10px; } .popup-window.popup-window-with-titlebar { font-family: 'Century Gothic'; } .popup-window.popup-window-with-titlebar .popup-window-titlebar { text-align: center; color:#000; } .popup-window.popup-window-with-titlebar div img { margin: 0 auto; } .popup-window.popup-window-with-titlebar div p { padding-top: 20px; margin-bottom: 0; font-size: 16px; font-weight: 600; max-width: 285px; } .popup-window.popup-window-with-titlebar .popup-window-titlebar .popup-window-titlebar-text { color:#58acab; text-transform: uppercase; padding-right: 10px; } .popup-window-close-icon.popup-window-titlebar-close-icon { display: none; } .popup-window.popup-window-with-titlebar .popup-window-buttons .btn { background: #fff; border: 2px solid #000; border-radius: 0; color: #000; } .popup-window.popup-window-with-titlebar .popup-window-buttons .btn:hover { background-color: #58acab; color: #fff; } @media (max-width: 400px) { .popup-window.popup-window-with-titlebar .popup-window-buttons .btn { margin-bottom: 10px; width: 100%; } } .testo #alx_feed_back_FID1.alx_feed_back { width: 100%; } .testo #alx_feed_back_FID1.alx_feed_back .afbf_name { font-size: 0.9rem; line-height: 1.2rem; margin-bottom: 0.3rem; } .testo #alx_feed_back_FID1.alx_feed_back .afbf_item_pole { margin: 0; } .testo #alx_feed_back_FID1.alx_feed_back .afbf_pole_captcha .image { display: inline; } .testo #alx_feed_back_FID1.alx_feed_back .item_pole__captcha .afbf_captcha_reload { margin-bottom: 0; } .testo #alx_feed_back_FID1.alx_feed_back .afbf_name .afbf_required_text { display: inline; } .testo #alx_feed_back_FID1.alx_feed_back .afbf_error_text { margin-bottom: 40px; } .testo #alx_feed_back_FID1.alx_feed_back .afbf_submit_block .afbf_btn { display: block; font-family: 'Century Gothic Gras'; font-size: 1.1rem!important; padding: 0.6rem 3rem!important; text-align: center!important; color: #000!important; background-color: #fff!important; border: solid 3px #000!important; cursor: pointer!important; transition: background-color 0.5s!important; border-radius: 0!important; min-width: 300px; box-shadow: none; max-width: 25rem; width: 100%; } .testo #alx_feed_back_FID1.alx_feed_back .afbf_submit_block .afbf_btn:hover { background-color: #73B9B8!important;; transition: background-color 0.3s!important;; } .prli-addtofav-fill { filter: invert(75%) sepia(44%) saturate(322%) hue-rotate(131deg) brightness(291%) contrast(87%); } /* HIDE FEEDBACK PROD */ .prodotto-stelle { display: none; } /* END HIDE FEEDBACK PROD */ .catalog-child {margin: 0 auto;} .catalog-child .bx_catalog_tile {margin:0} .catalog-child .bx_catalog_tile .bx_catalog_tile_ul li {width: 42.5%;margin-bottom: -45px;margin-top: 20px;} .bx_catalog_tile .bx_catalog_tile_title a {color: #000000;font-size: 14px;} .catalog-child-gg .main-linea-prodotti-menu {margin-top: -7rem;} .footer_desc { margin: 20px auto; position: absolute; bottom: 0; } .mb-4 { margin-bottom: 8.5rem !important; } /*.top-menu-dropdown { transition: .3s; } .top-menu>div:hover>.top-menu-dropdown { opacity: 1; visibility: visible; transform: translate(-50%, 0px); transition: .3s; }*/ .top-menu-dropdown.top-menu-dropdown-skincare { width: 80%; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .top-menu-dropdown.top-menu-dropdown-skincare, .top-menu-dropdown-skincare .top-menu-dropdown2 { white-space: normal; } .top-menu-dropdown-skincare .top-menu-dropdown2 a { font-size: 14px; line-height: 24px; } .top-menu-dropdown-skincare > div { padding: 1.5rem; } .top-menu-dropdown-skincare > div:nth-child(3) {background-color: #fff} .top-menu-dropdown-skincare > div:nth-child(4) {background-color: #fff} /* .top-menu-dropdown-skincare > div:nth-child(5) {background-color: #f7f7f7;} .top-menu-dropdown-skincare > div:nth-child(6) {background-color: #f2f2f2;} */ .top-menu-dropdown.top-menu-dropdown-skincare .main-section { position: relative; } .top-menu-dropdown.top-menu-dropdown-skincare .top-menu-dropdown2 { margin-bottom: 10px; } @media screen and (max-width: 1280px) { /*.top-menu-dropdown-skincare > div b:hover+.top-menu-dropdown2 { display: block; position: absolute; background: #fff; z-index: 30; top: 0; left: 80%; } .top-menu-dropdown-skincare .top-menu-dropdown2 { box-shadow: 0 3px 20px rgb(0 0 0 / 10%); border: solid 1px rgba(0,0,0,0.1); padding: 20px; }*/ .top-menu-dropdown-skincare .main-section-drop-sect { grid-template-columns: 1fr 1fr; } .top-menu-dropdown-skincare .main-section-drop-sect>div { position: relative; } } @media (max-width: 380px) { .hero-home-slide-mobile .b-button { line-height: 2rem; } .hero-home-slide-mobile { background-position: center 0rem !important; } .hero-home-slide { bottom: 0rem; } .hero-home-slide-mobile > div { padding-bottom: 0.5rem !important; } .hero-home-slide-mobile > div .h2-class { font-size: 1.0rem; } } .top-menu-dropdown.top-menu-dropdown-skincare { /*display: flex; flex-direction: column; width: auto; padding: 0rem;*/ width:unset; grid-template-columns: unset; position: absolute; top: 0; } .top-menu-dropdown.top-menu-dropdown-skincare .main-section { padding: 0.5rem 2rem; cursor: pointer; } .top-menu-dropdown.top-menu-dropdown-skincare .main-section:first-child { padding-top: 2rem; } .top-menu-dropdown.top-menu-dropdown-skincare .main-section:last-child { padding-bottom: 2rem; } .top-menu-dropdown.top-menu-dropdown-skincare .main-section:hover > .main-section-drop-sect { display: flex; } .main-section-name { position: relative; padding-left: 15px; display: inline-block; } .main-section-name::before { position: absolute; display: inline-block; content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0OTIuMDA0IDQ5Mi4wMDQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5Mi4wMDQgNDkyLjAwNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxwYXRoIGZpbGw9IiM4MUMwQzAiIGQ9Ik0zODIuNjc4LDIyNi44MDRMMTYzLjczLDcuODZDMTU4LjY2NiwyLjc5MiwxNTEuOTA2LDAsMTQ0LjY5OCwwcy0xMy45NjgsMi43OTItMTkuMDMyLDcuODZsLTE2LjEyNCwxNi4xMmMtMTAuNDkyLDEwLjUwNC0xMC40OTIsMjcuNTc2LDAsMzguMDY0TDI5My4zOTgsMjQ1LjlsLTE4NC4wNiwxODQuMDZjLTUuMDY0LDUuMDY4LTcuODYsMTEuODI0LTcuODYsMTkuMDI4YzAsNy4yMTIsMi43OTYsMTMuOTY4LDcuODYsMTkuMDRsMTYuMTI0LDE2LjExNmM1LjA2OCw1LjA2OCwxMS44MjQsNy44NiwxOS4wMzIsNy44NnMxMy45NjgtMi43OTIsMTkuMDMyLTcuODZMMzgyLjY3OCwyNjVjNS4wNzYtNS4wODQsNy44NjQtMTEuODcyLDcuODQ4LTE5LjA4OEMzOTAuNTQyLDIzOC42NjgsMzg3Ljc1NCwyMzEuODg0LDM4Mi42NzgsMjI2LjgwNHoiLz48L2c+PC9nPjwvc3ZnPg==); width: 8px; height: 8px; margin-right: 0.4rem; top: 0; left: 0; } .main-section-drop-sect { display: none; position: absolute; background-color: #ffffff; box-shadow: 0 3px 20px rgb(0 0 0 / 10%); border: solid 1px rgba(0,0,0,0.1); left: 100%; top: 0; z-index: 20; padding: 1rem; column-gap: 30px; width: max-content; } .main-section-drop-sect > div { width: 45%; } .top-menu-dropdown-skincare > div:nth-child(5) { background-color: #ffffff; } .top-menu { grid-column-gap: unset; align-content: center; justify-content: space-between; width: 100%; padding-left: 100px; } .main-section-drop-sect > div { width: 250px; } .top-menu>div:nth-child(2) { display:none; } @media screen and (max-width: 1280px) { .top-menu-dropdown.top-menu-dropdown-skincare .main-section:hover > .main-section-drop-sect { display: grid; } } .bx-authform-input-container input[type="text"], .bx-authform-input-container input[type="password"] { background: #ffffff; } #bx-soa-order .bx-soa-coupon-input .form-control, #basket-root .basket-checkout-container .basket-coupon-section .form-control, #bx-soa-basket .bx-soa-coupon-input input[type=text].form-control { margin-bottom: 0; } #bx-soa-basket.bx-selected .bx-soa-coupon-label { margin-bottom: 10px; } .prodotto-scheda .blog-comment-cont-white { background-color: unset; } .prodotto-scheda .blog-comment-content { font-style: italic; line-height: normal; color: rgba(0,0,0,0.5); font-size: 1rem; } .prodotto-scheda div.blog-comment .blog-author { font-size: 1rem; color: #81C0C0; font-style: italic; text-transform: capitalize; font-weight: normal; } .prodotto-scheda .bx_soc_comments_div .bx-catalog-tab-body-container .bx-catalog-tab-container>div { padding: 0; } .prodotto-scheda .blog-comment-meta { padding-top: 0; padding-bottom: 0; } .cart_gifts-container { max-width: 1200px; margin: 0 auto; } .reviews-detail-page { /*display: none!important;*/ } /* Отзывы на детальной странице товара */ .product-comments__title { color: #5793d5; font-size: 38px; margin-bottom: 30px; } .product-comments__userBlock { -webkit-box-shadow: 0 3px 25px rgba(0, 0, 0, 0.08); box-shadow: 0 3px 25px rgba(0, 0, 0, 0.08); border-radius: 3px; padding-top: 24px; padding-left: 24px; padding-right: 45px; padding-bottom: 30px; } .product-comments__valuat .block__star { font-family: 'icon'; color: #798da2; margin-right: 10px; cursor: pointer; } .product-comments__valuat .block__star_disabled { color: #d8d8d8; } .product-comments__valuat .block__star:before { content: '\e911'; font-size: 30px; } .product-comments__valuat .block__star:hover{ cursor: default; /* -webkit-transition: 0.3s; transition: 0.3s; color: #FFCC00; */ } .product-comments__portrait { width: 49px; height: 49px; } .product-comments__descr { font-size: 1rem; color: #393939; } .product-comments__username { color: #81c0c0; } .product-comments__row { font-size: 1rem; } .product-comments__advice { position: relative; } .product-comments__advice:before { position: absolute; content: ''; width: 8px; height: 8px; background-color: #d8d8d8; border-radius: 30px; top: 6px; right: -16px; } .product-comments__subtitle { color: #81c0c0; font-size: 1rem; } .product-comments__text { font-size: 1rem; color: #393939; margin-bottom: 1rem; } .product-comments__adminBlock { border-radius: 3px; border: 1px solid #5793d5; width: 86%; padding-top: 21px; padding-left: 16px; padding-bottom: 7px; padding-right: 23px; position: relative; } .product-comments__adminBlock:before { position: absolute; content: ''; top: 80px; left: -85px; width: 85px; height: 1px; background-color: #5793d5; } .product-comments__adminBlock:after { position: absolute; content: ''; top: -49px; left: -85px; width: 1px; height: 129px; background-color: #5793d5; } .product-comments__more { text-decoration: none; color: #393939; font-size: 10px; letter-spacing: 2px; font-family: 'Roboto Regular', sans-serif; width: 188px; height: 36px; border-radius: 21px; border: 1px solid #5793d5; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 100px; } @media (min-width: 992px) { .product-comments__more:hover { -webkit-transition: 0.3s; transition: 0.3s; color: #fff; background-color: #5793d5; text-decoration: none; } } @media (max-width: 768px) { .product-comments__userBlock { padding-top: 22px; padding-right: 20px; } .product-comments__adminBlock { width: 100%; } .product-comments__adminBlock:before { display: none; } .product-comments__adminBlock:after { display: none; } } /* stars */ .product-comments__valuat { margin-top: 10px; border-top: solid 1px rgba(0,0,0,0.2); padding-top: 10px; } .product-comments__valuat .block__star { font-family: 'icon'; color: #798da2; margin-right: 10px; cursor: pointer; } .product-comments__valuat .block__star_disabled { color: #d8d8d8; } .product-comments__valuat .block__star:before { content: '\e911'; font-size: 30px; } .product-comments__valuat .block__star.active, .product-comments__valuat .block__star:hover{ -webkit-transition: 0.3s; transition: 0.3s; color: #FFCC00; } .product-form { color: #393939; font-size: 14px; margin-bottom: 65px; } .product-form__about { color: #5793d5; } .product-form__name { color: #81c0c0; font-size: 1rem; margin: 15px 0 10px; display: block; } .product-form__wrap { position: relative; min-height: 63px; } .product-form__inpt { /*height: 63px;*/ border: 1px solid #d8d8d8; font-size: 14px; width: 100%; padding-left: 25px; color: #393939; } .product-form__inpt:-moz-placeholder { color: #d8d8d8; } .product-form__inpt::-moz-placeholder { color: #d8d8d8; } .product-form__inpt:-ms-input-placeholder { color: #d8d8d8; } .product-form__inpt::-webkit-input-placeholder { color: #d8d8d8; } .product-form__age { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-form__age span { margin-right: 30px; margin-bottom: 0; } .product-form__age div { height: 43px; } .product-form__suggest input[type="checkbox"] { display: none; } .product-form__suggest label { display: inline-block; cursor: pointer; position: relative; font-size: 14px; } .product-form__suggest label:before { content: ""; display: inline-block; width: 18px; height: 18px; margin-right: 10px; position: absolute; left: 255px; bottom: 2px; background-color: #fff; border-radius: 50%; border: 1.5px solid #5793d5; } .product-form__suggest input[type="checkbox"]:checked + label:before { content: "\2713"; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); font-size: 15px; color: #393939; text-align: center; line-height: 15px; } .product-form__comment span { color: #5793d5; } .product-form__comment div { height: 147px; } .product-form__comment div input { padding-top: 23px; } .product-form__ttaa { width: 100%; /*height: 147px;*/ border: 1px solid #d8d8d8; resize: none; padding-left: 23px; padding-top: 23px; background: none; } select.product-form__ttaa, .field-code-product_goal .product-form__ttaa, .field-code-product_minus .product-form__ttaa, .field-code-product_plus .product-form__ttaa{ height: 63px; } .product-form__btn { text-decoration: none; text-transform: uppercase; font-family: 'Century Gothic Gras'; line-height: normal; color: rgba(0,0,0,1); font-size: 1.1rem; border: 3px solid #000; background: #fff; border-radius: 0; border-radius: 0; padding: 10px 30px; } @media (min-width: 992px) { .product-form__btn:hover { background-color: #73B9B8; transition: background-color 0.3s; color: #fff; } } /*# sourceMappingURL=product-comments__form.css.map */ .product-form__item.field-code-user_recomend, .product-form__item.field-code-user_review, .product-form__item.field-code-user_age{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .product-form__item.field-code-user_age .product-form__inpt{ height: 40px; } .product-form__item.field-code-user_age .product-form__name{ float: left; margin-right: 20px; } .product-form__item.field-code-user_age .product-form__wrap{ width: 200px; display: inline-block; } /* */ .product-form__item.field-code-user_recomend .product-form__name{ float: left; margin-right: 20px; } .product-form__item.field-code-user_recomend .product-form__wrap{ display: inline-block; } .product-form__item.field-code-user_recomend input{display: none;} .product-form__item.field-code-user_recomend label{ overflow: hidden; /* text-indent: -1000px; */ color: #fff; } .product-form__item.field-code-user_recomend label:before{ content: ""; display: inline-block; width: 18px; height: 18px; margin-right: 10px; background-color: #fff; border-radius: 50%; border: 1.5px solid #91c0cc; margin-top: 17px; } .product-form__item.field-code-user_recomend input:checked ~ label:after{ content: "✓"; display: inline-block; color: #91c0cc; font: 14px/1 FontAwesome; position: absolute; width: 18px; height: 18px; margin-right: 10px; margin-top: 17px; left: 2px; top: 2px; } /* stars */ .product-form__item .block__star:before { content: '\e911'; font-size: 30px; } .product-form__item .block__stars .block__star.active, .product-form__item .block__stars .block__star:hover{ -webkit-transition: 0.3s; transition: 0.3s; color: #FFCC00; } .product-form__item .block__stars .block__star:hover{ color: #FFCC00!important; } .product-form__item .block__stars:hover .block__star.block__star_disabled, .product-form__item .block__stars:hover .block__star, .product-form__item .block__stars .block__star{ font-family: 'icon'; color: #FFCC00; /* color: #798da2; */ margin-right: 10px; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } .product-form__item .block__stars .block__star_disabled, .product-form__item .block__stars .block__star_disabled ~ .block__star, .product-form__item .block__stars .block__star:hover ~ .block__star.block__star_disabled, .product-form__item .block__stars .block__star:hover ~ .block__star { color: #d8d8d8; } .add-review-element-page { text-decoration: none; text-transform: uppercase; font-family: 'Century Gothic Gras'; line-height: normal; color: rgba(0,0,0,1); font-size: 1.1rem; border: 3px solid #000; background: #fff; border-radius: 0; border-radius: 0; padding: 10px 30px; } .add-review-element-page:hover { color: #fff; } #addReviews { -webkit-box-shadow: 0 3px 25px rgb(0 0 0 / 8%); box-shadow: 0 3px 25px rgb(0 0 0 / 8%); } .reviews-detail-page #addReviews .card-body { padding-right: 20px !important; padding-left: 20px !important; margin-top: 20px; } /* END Отзывы на детальной странице товара */ .favorit-list { background-color: #fff; } .favorit-list .main-linea-prodotti-elenco .prodotto-block .buy-block-section{ display: none; } .modal_form .modal_close_ok { height: auto; } .top-mobile-search-panel { display: none; position: absolute; top: 70px; z-index: 10; width: 100%; padding: 15px; background: #fff; border-top: 1px solid #eee; box-shadow: 1px 1px 20px rgb(0 0 0 / 30%); } .top-mobile-search-submit { position: absolute; right: 20px; top: 20px; font-size: 0; background: url(/local/templates/rhea/img/search2.svg); background-position: center; background-repeat: no-repeat; background-size: 25px; width: 30px; height: 30px; border: none; } .top-mobile-search-panel .cerca { margin-bottom: 0.5rem; border: none; border-bottom: 1px solid #bdbdbd; } @media screen and (max-width: 1050px) { .top-mobile-search-panel.visible-mobile-search { display: block; } } .bx-pagination.bx-green .bx-pagination-container ul li.bx-active span { background: #58ACAB; } /* Рекомендуемые на детальной */ .recom-prod { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 4rem; position: initial!important; } .recom-prod-photo img { width: 100%; height: 100%; } .recom-prod-name { display: block; text-transform: none; margin: 0; padding-top: 1rem; margin-top: 1.5rem; word-break: break-word; white-space: normal; font-family: 'Century Gothic Gras'; font-size: 20px; line-height: 1.5rem; } .recom-prod-type { display: block; font-family: 'Century Gothic'; font-size: 0.8em; font-weight: normal; line-height: 1.3rem; margin: 0; margin-top: 0.3rem; opacity: 0.6; margin-block-start: 0.83em; margin-inline-start: 0px; margin-inline-end: 0px; } .recom-prod-stars { width: 70px; margin-bottom: 0; cursor: default; position: relative; margin-top: 10px; } .recom-prod-stars > img { width: 100%; } .recom-prod-stars > img:nth-child(2) { position: absolute; top: 0; left: 0; } .recom-prod-price { border-top: solid 1px rgba(0,0,0,0.15); margin-top: 1rem; font-family: 'Century Gothic'; font-size: 1.4rem; margin: 0; line-height: 2.2rem; font-weight: bold; color: #3f3f3f; white-space: nowrap; margin: 10px 0; padding-top: 10px; } .recom-prod-buy { text-align: center; background: url(/local/templates/rhea/img/bag.svg); background-repeat: no-repeat; background-position: 20px center; background-size: 20px; border: 2px solid; transition: .3s; padding: 10px; } .recom-prod-anons { display: block; margin-block-start: 1.67em; margin-block-end: 1.67em; margin-inline-start: 0px; margin-inline-end: 0px; padding-bottom: 1.5rem; color: #000000; font-family: 'Century Gothic'; font-weight: normal; font-size: 0.9em; line-height: 1.3rem; margin: 0; margin-top: 1rem; border: none; } @media screen and (max-width: 960px) { .recom-prod { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 560px) { .recom-prod { grid-template-columns: 1fr; } } /* END Рекомендуемые на детальной */ #bx-soa-delivery #btnMapOPening { background: #009688; color: #fff; } /* Вебинары */ .webinar-list { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 5rem; margin-bottom: 6rem; } .webinar-list.record { grid-gap: 3rem; } .webinar-list.record .webinar-item { padding: 0px 20px; } .webinar-item { padding: 30px 20px; background-position: center; background-repeat: no-repeat; background-size: cover; } .webinar-item:hover .webinar-inner { } .webinar-pre-top { display: flex; justify-content: center; margin-bottom: 10px; } .webinar-pre-top img { width: 150px; } .webinar-item .webinar-pre-top {} .webinar-item .webinar-pre-top img { max-width: 80px; max-height: 80px; width: auto; } .webinar-inner { padding: 20px; border: 2px solid #fff; /* background: rgb(208,225,232); background: linear-gradient(45deg, rgba(208,225,232,1) 0%, rgba(194,218,226,1) 49%, rgba(244,248,249,1) 100%);*/ } .webinar-item-top { text-align: center; text-transform: uppercase; font-weight: 600; font-size: 22px; margin-bottom: 20px; } .webinar-item-name { text-align: center; text-transform: uppercase; font-weight: 900; font-size: 24px; color: #fff; background: #000; padding: 20px 10px; } .webinar-item-time { text-align: center; font-weight: 600; font-size: 22px; padding: 20px 10px; border: 1px solid #000; margin-bottom: 20px; } .webinar-item-bottom { display: flex; gap: 20px; text-align: center; justify-content: center; } .webinar-item-bottom.center { justify-content: center; } .webinar-item-face {} .webinar-item-face img { width: 80px; border-radius: 50%; border: 2px solid #b1d1db; } .webinar-item-presenter { margin-bottom: 20px; } .webinar-item-button { margin-top: 10px; font-weight: 600; display: block; } .webinar-item-button a, .webinar-item-button span { padding: 10px; display: inline-block; background: #fff; color: #000; border: 2px solid #000; transition: .2s; } .webinar-item-button a:hover, .webinar-item-button span:hover { background: #58acab; color: #fff; padding: 10px 20px; border: 2px solid #fff; transition: .2s; } .webinar-item-button-join { padding: 10px 20px; display: inline-block; background: #fff; color: #000; border: 2px solid #000; transition: .2s; } .webinar-timer { margin-bottom: 20px; } .webinar-timer .countdown { display: grid; justify-items: center; align-items: center; grid-template-columns: 1fr 1fr 1fr 1fr; background: #000000; } .webinar-timer .countdown .countdown-number { display: flex; flex-direction: column; width: 100%; border: 1px solid #cbdfe6; padding: 5px; font-weight: bold; color: #fff; } .webinar-timer .countdown-time { font-size: 28px; } .home-webinars-list { background-color: #F8F8F8; padding-top: 5rem; } .home-webinars-text { padding: 30px 20px; } .home-webinars-title { font-family: 'Century Gothic Gras'; font-size: 2.5rem; line-height: 2.5rem; margin: 0; padding-bottom: 40px; margin-bottom: 0.5rem; font-weight: 500; } .home-webinars-text-btn { text-align: center; margin-top: 30px; } @media screen and (max-width: 768px) { .webinar-list { grid-template-columns: 1fr; grid-gap: 3rem; } .webinar-item-bottom { flex-direction: column; align-items: center; } } /* END Вебинары */ /* Семинары */ .seminar-list { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 5rem; margin-bottom: 6rem; } .seminar-item { padding: 30px 20px; background: rgb(208,225,232); background: linear-gradient(45deg, rgba(208,225,232,1) 0%, rgba(194,218,226,1) 49%, rgba(244,248,249,1) 100%); transition: .2s; } .seminar-item:hover { background: linear-gradient(45deg, rgb(208 229 222) 0%, rgb(175 229 229) 49%, rgb(244 246 249) 100%); transition: .2s; } .seminar-pre-top { display: flex; justify-content: center; margin-bottom: 10px; } .seminar-pre-top img { width: 150px; } .seminar-inner { padding: 20px; border: 2px solid #fff; box-shadow: 0 0 10px #fff; } .seminar-item-top { text-align: center; text-transform: uppercase; font-weight: 600; font-size: 22px; margin-bottom: 20px; } .seminar-item-name { text-align: center; text-transform: uppercase; font-weight: 900; font-size: 24px; color: #fff; background: #000; padding: 20px 10px; } .seminar-item-time { text-align: center; font-weight: 600; font-size: 22px; padding: 20px 10px; border: 1px solid #000; margin-bottom: 20px; } .seminar-item-bottom { display: flex; gap: 20px; text-align: center; } .seminar-item-face {} .seminar-item-face img { width: 80px; border-radius: 50%; } .seminar-item-bottom-right { display: flex; align-items: center; } .seminar-item-presenter {} .seminar-item-button { margin-top: 20px; font-weight: 600; display: block; border: 2px solid; background: #fff; } .seminar-item-button a, .seminar-item-button span { display: block; width: 100%; text-align: center; padding: 10px; transition: .2s; } .seminar-item-button a:hover, .seminar-item-button span:hover { background: #58ACAB; color: #fff; transition: .2s; box-shadow: 0 0 10px #58ACAB; } .seminar-item-city { text-align: center; padding-top: 15px; margin-top: 15px; border-top: 1px solid #fff; font-weight: 600; } @media screen and (max-width: 768px) { .seminar-list { grid-template-columns: 1fr; grid-gap: 3rem; } } /* END Семинары */ /* Fix AltSib Popup */ .modal_form { left: 40%!important; max-width: 400px; margin-left: 0!important; } .modal_form .alx_cont_popup h1 { font-size: 24px; text-align: center; } .modal_form.modal_hint { max-width: 800px; padding: 0; left: 30%!important; } .modal_form.modal_hint .alx_cont_popup { display: flex; } .modal_form.modal_hint .alx_cont_popup .alx-feedb-data-view { width: 50%; padding: 40px 20px 40px; } .modal_form.modal_hint .alx_cont_popup .hint-form-img { width: 50%; background-image: url('/upload/iblock/c90/5213whdm779pi5oc5gcqnni5ucz3ozxr.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; } .modal_form.modal_hint .afbf_submit_block { text-align: center!important; } .modal_form.modal_hint .modal_close { background: #fff; opacity: 1; border-radius: 50%; } .modal_form.modal_hint .afbf_item_pole { margin: 10px 0px; } @media screen and (max-width: 1250px) { .modal_form .alx_cont_popup h1 { font-size: 20px!important; } } @media screen and (max-width: 960px) { .modal_form.modal_hint { left: 0!important; width: 100% !important; max-width: 100%; } .modal_form.modal_hint .alx_cont_popup .alx-feedb-data-view { padding: 20px; } .modal_form.modal_hint .afbf_item_pole { margin: 5px 0px 5px; } .modal_form.modal_hint .alx_feed_back form { font-size: 14px; } .modal_form.modal_hint .alx_feed_back form label a { font-size: 12px; } .modal_form.modal_hint .alx_cont_popup { flex-direction: column-reverse; } .modal_form.modal_hint .alx_cont_popup .alx-feedb-data-view { width: 100%; } .modal_form.modal_hint .alx_cont_popup .hint-form-img { width: 100%; height: 200px; } } @media screen and (max-width: 768px) { .modal_form { left: unset!important; max-width: unset; margin-left: 0!important; } } /* End Fix AltSib Popup */ /* Магазины на карте */ .location-container { position: relative; width: 100%; height: 650px; } .addresses-filter { position: absolute; background-color: #f6f6f6; width: 315px; left: 60px; top: 20px; z-index: 1; border-radius: 2px; box-shadow: 0 2px 14px rgba(0, 0, 0, 0.25), 0 4px 4px rgba(0, 0, 0, 0.22); } .location-icon-advanced-map { float: left; margin-right: 5px; } .location-icon-advanced-map-block { position: relative; } .location-icon-advanced-map img { width: 25px; } .location-icon-advanced-map-descr { display: none; position: absolute; width: 180px; background: #58acab; box-shadow: 0 1px 7px 1px grey; text-align: center; color: #fff; padding: 10px; left: 10px; font-size: 13px; } .location-icon-advanced-map:hover .location-icon-advanced-map-descr { display: block; } .store-list-container { padding: 0 0 15px 15px; } .store-list { height: 425px !important; margin: 0; padding: 0 15px 0 0 !important; list-style-type: none; } .store-item { margin-bottom: 10px; padding: 10px; background-color: #fff; } .store-item_active { background-color: #58acab; } .store-title { color: rgba(0,0,0,0.87); font-size: 16px; font-weight: 700; line-height: 1.3; margin-top: 0; margin-bottom: 10px; text-align: center; } .store-address, .store-phone, .store-site, .store-metro, .store-time { color: #222; line-height: 18px; font-size: 13px; margin-top: 0; margin-bottom: 10px; } .store-metro b { display: inline-block; border: 1px solid #222; border-radius: 50%; width: 25px; height: 25px; font-size: 14px; text-align: center; line-height: 22px; } .store-service { display: flex; } .store-service .location-icon-advanced-map { display: none; } .store-service .location-icon-advanced-map.enable { display: block; } .store-link { background-color: transparent; border: 1px solid #58acab; color: #58acab; font-size: 11px; font-weight: 700; line-height: 16px; text-align: center; padding: 5px 15px; display: block; width: 100%; margin-top: 20px; } .store-item_active .store-title, .store-item_active .store-address, .store-item_active .store-phone, .store-item_active .store-site a, .store-item_active .store-metro, .store-item_active .store-time { color: #fff; } .store-item_active .store-metro b { border: 1px solid #fff; } .store-item_active .store-link { border: 1px solid #fff; background: #fff; color: #58acab; } .store-item_active svg { fill: #fff; } .store-item_active .location-icon-advanced-map.enable img { filter: invert(1); } .store-link:hover { text-decoration: none; color: #3e454c; } .suggest-container { position: relative; margin-bottom: 20px; padding: 15px; box-shadow: 0 4px 5px -3px grey; background-color: #fff; } .suggest-input { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); color: #222; font-size: 14px; line-height: 1.42857143; display: block; width: 100%; height: 35px; padding: 6px 30px 6px 12px; } .suggest-input:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: none; box-shadow: none } .suggest-input::-moz-placeholder { color: #777777; opacity: 1 } .suggest-input:-ms-input-placeholder { color: #777777 } .suggest-input::-webkit-input-placeholder { color: #777777 } .suggest-button { background-color: #58ACAB; border: none; border-radius: 2px; color: #fff; font-size: 13px; font-weight: bold; text-transform: uppercase; display: block; width: 100%; margin-top: 10px; margin-right: auto; margin-left: auto; padding: 8px 20px; letter-spacing: 0.9px; } .suggest-button:focus { outline: none; } .suggest-button-x { cursor: pointer; position: absolute; right: 25px; top: 20px; } @media (max-width: 600px) { .banner span, .banner a { font-size: 14px !important; } .addresses-filter { width: 100%; left: 0; top: 300px; } .location-container { height: 300px; margin-bottom: 530px; } } /* END Магазины на карте */ /* подписка pop-up */ .subs-popup-percent { max-width: 950px; margin: 0 auto; background: #fff; z-index: 100; position: relative; } .subs-popup-percent-inner { display: flex; position: relative; box-shadow: #000 0 0 1000px -10px; border: 1px solid #000; } .subs-popup-percent-left { width: 40%; background-image: url('/local/templates/rhea/images/leccalecca.png'); background-position: center; background-repeat: no-repeat; background-size: cover; } .subs-popup-percent-right { width: 60%; padding: 20px; min-height: 480px; } .subs-popup-percent-close { position: absolute; right: 10px; top: 10px; padding: 0; line-height: normal; border-radius: 50%; width: 40px; height: 40px; font-size: 28px; } .subs-popup-percent-text { font-size: 24px; font-weight: bold; line-height: 34px; margin-top: 30px; margin-bottom: 20px; } .subs-popup-percent .sender-btn.btn-subscribe { width: 100%; max-width: 100%; padding: 10px; height: auto; font-family: 'Century Gothic Gras'; font-size: 1.1rem; color: #000; padding: 0.6rem 3rem; text-align: center; background-color: #fff; border: solid 3px #000; cursor: pointer; transition: background-color 0.5s; } .subs-popup-percent .sender-btn.btn-subscribe:hover { background-color: #73B9B8; color: #fff; border-color: #fff; } .subs-popup-percent .sender-btn.btn-subscribe:before { display: none; } .subs-popup-percent-text-sub { text-align: center; margin-top: 30px; font-size: 0.9rem; display: block; } .subs-popup-percent .bx-subscribe .bx-input-group .bx-form-control { height: auto; font-size: 1.2rem; } @media screen and (max-width: 768px) { .subs-popup-percent-left { display: none; } .subs-popup-percent-right { width: 100%; } .subs-popup-percent-text { font-size: 20px; line-height: 24px; margin-top: 30px; } } /* end подписка pop-up */ .bx_profile .soc-serv-main { display: none; } .top-search-block-popup { padding: 0; z-index: 100; position: absolute; display: grid; visibility: hidden; top: 0; left: 50%; transform: translateX(-500%); margin-top: 2rem; background-color: #ffffff; box-shadow: 0 3px 20px rgba(0,0,0,0.1); border: solid 1px rgba(0, 0, 0, 0.1); white-space: nowrap; opacity: 0; visibility: hidden; } .top-search-block-popup-visible .top-search-block-popup { transform: translate(-50%, 0px); opacity: 1; visibility: visible; } .top-search-block-popup input { margin: 1.5rem; border: none; border-bottom: solid 1px rgba(0, 0, 0, 0.2); padding-left: 0; width: calc(100% - 3rem) !important; } .top-search-block-popup [type="submit"] { visibility: hidden; } /* Отключили временно */ .product-item-detail-buy-1-click { /*display: none;*/ } /* /Отключили временно */ #ms_courier tr { display: table-row!important; } /* Галка в форме */ .main-user-consent-request.wic-consent { margin-top: 10px; } .main-user-consent-request.wic-consent a { text-decoration: underline; color: #009688; } .subs-form-wic-consent .wic-consent span { display: inline; } /* FIX */ .subs-form-wic-consent label[data-bx-user-consent], .afbf_wic-consent label[data-bx-user-consent] { display: none; } /* End */ /* /local/templates/rhea/components/bitrix/sale.basket.basket.line/bootstrap_v4/style.min.css?16473632864008 */ /* /local/templates/rhea/template_styles.css?1755724995164257 */