/* Fonts */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/Barlow-ExtraLight.eot'); /* IE9 Compat Modes */ src: url('../fonts/Barlow-ExtraLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Barlow-ExtraLight.woff') format('woff'), /* Modern Browsers */ url('../fonts/Barlow-ExtraLight.ttf') format('truetype'), /* Safari, Android, iOS */ } @font-face { font-family: 'Barlow'; font-style: italic; font-weight: 300; font-display: swap; src: url('../fonts/Barlow-ExtraLightItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/Barlow-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Barlow-ExtraLightItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Barlow-ExtraLightItalic.ttf') format('truetype'), /* Safari, Android, iOS */ } @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/Barlow-Regular.eot'); /* IE9 Compat Modes */ src: url('../fonts/Barlow-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Barlow-Regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/Barlow-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ } @font-face { font-family: 'Barlow'; font-style: italic; font-weight: 400; font-display: swap; src: url('../fonts/Barlow-Italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/Barlow-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Barlow-Italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Barlow-Italic.ttf') format('truetype'), /* Safari, Android, iOS */ } @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/Barlow-SemiBold.eot'); /* IE9 Compat Modes */ src: url('../fonts/Barlow-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Barlow-SemiBold.woff') format('woff'), /* Modern Browsers */ url('../fonts/Barlow-SemiBold.ttf') format('truetype'), /* Safari, Android, iOS */ } @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/Barlow-Bold.eot'); /* IE9 Compat Modes */ src: url('../fonts/Barlow-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Barlow-Bold.woff') format('woff'), /* Modern Browsers */ url('../fonts/Barlow-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ } @font-face { font-family: 'GTSectra'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/GT-Sectra-Fine-Bold.eot'); /* IE9 Compat Modes */ src: url('../fonts/GT-Sectra-Fine-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/GT-Sectra-Fine-Bold.woff') format('woff'), /* Modern Browsers */ url('../fonts/GT-Sectra-Fine-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ } @font-face { font-family: 'GTSectra'; font-style: normal; font-weight: 800; font-display: swap; src: url('../fonts/GT-Sectra-Fine-Black.eot'); /* IE9 Compat Modes */ src: url('../fonts/GT-Sectra-Fine-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/GT-Sectra-Fine-Black.woff') format('woff'), /* Modern Browsers */ url('../fonts/GT-Sectra-Fine-Black.ttf') format('truetype'), /* Safari, Android, iOS */ } /* Generic */ html, body {font-family: 'Barlow', sans-serif; font-size: 14px; line-height: 1.3;} body, body#checkout {overflow-x: hidden; color: #004f4b; background: #f7f7f7;} body * {box-sizing: border-box;} body *:focus {outline: none;} a, #header a {color: #004f4b; text-decoration: none; transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out; border: 0;} button, .btn {transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out; cursor: pointer;} i, svg {transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;} a:hover, a:active, a:focus, #header a:hover, #header a:active, #header a:focus {text-decoration: none; color: #307060;} img {display: block; max-width: 100%; height: auto;} .container, #adtm_menu, .home-reassurance-wrapper, .our-testimonies-content, .footer-bottom-content {max-width: 1460px; width: 100%; margin: 0 auto; padding: 0 15px;} .container-min {max-width: 900px; margin: 0 auto;} label {display: inline-block; margin-bottom: 5px; font-weight: 700; width: 100%; text-align: left;} #wrapper {background: #f7f7f7; box-shadow: none; padding-top: 0;} p {color: inherit; font-size: inherit; font-weight: inherit;} .h1, h1 {font-size: 2.9rem; font-family: 'GTSectra'; font-weight: 800; margin-bottom: 0.75em;} .h2, h2 {text-transform: none; font-size: 2.3rem; font-family: 'GTSectra'; font-weight: 800;} .h3, h3 {font-size: 1.3rem; font-family: 'GTSectra'; font-weight: 800;} .h4, h4 {font-size: 0.95rem; font-family: 'GTSectra'; font-weight: 800;} .h1, .h2, .h3 {color: inherit;} b, strong {font-weight: 700;} a.btn.btn-default, button.btn.btn-default {background: white; text-transform: uppercase; padding: 0.4em 0.6em; border-radius: 9px; text-decoration: none; font-weight: 700; letter-spacing: 2px; line-height: 1.3; min-height: 32px;} a.btn.btn-default:hover, button.btn.btn-default:hover {color: white; background: #004f4b;} .page-header > h1 {margin-top: 1em; text-align: center; font-size: 2.2rem;} .page-content.page-cms {background: none;} body:not(.index) .page-content {font-weight: 400;} .page-content a {text-decoration: underline;} input:focus {outline: none!important;} .label, label {color: inherit;} .breadcrumb {display: none;} #index[name="proUnverified"] #wrapper, #index[name="proUnverified"] #footer {display: none;} .p-unverified {display: none; text-align: center; font-weight: 600; margin: 0 0 2em; padding: 1em; border: 2px solid #004f4b;} body[name="proUnverified"] .p-unverified {display: block;} .p-unverified span {text-decoration: uneline;} .alert {margin-bottom: 2em;} .cart-voucher {padding-bottom: 1rem;} .page-category.group-5 article:not(.category-12):not(.category-13), .page-category.group-6 article:not(.category-12):not(.category-14), .page-category.group-7 article:not(.category-12):not(.category-15), .page-category.group-8 article:not(.category-12):not(.category-16), .page-category.group-9 article:not(.category-12):not(.category-17), .page-category.group-10 article:not(.category-12):not(.category-18), .page-category.group-11 article:not(.category-12):not(.category-19), .page-category.group-12 article:not(.category-12):not(.category-20), .page-category.group-13 article:not(.category-12):not(.category-21), .page-category.group-12 article:not(.category-14):not(.category-22), .page-category.group-15 article:not(.category-12):not(.category-23), .page-category.group-16 article:not(.category-12):not(.category-24), .page-category.group-17 article:not(.category-12):not(.category-25), .page-category.group-18 article:not(.category-12):not(.category-26), .page-category.group-19 article:not(.category-12):not(.category-27), .page-category.group-20 article:not(.category-12):not(.category-28), .page-category.group-21 article:not(.category-12):not(.category-29), .page-category.group-22 article:not(.category-12):not(.category-30), .page-category.group-23 article:not(.category-12):not(.category-31), .page-category.group-24 article:not(.category-12):not(.category-32), .page-category.group-25 article:not(.category-12):not(.category-33), .page-category.group-2 article:not(.category-12):not(.category-34) {display: none;} #_desktop_top_menu .top-menu[data-depth="0"] li:hover .sub-menu, .popover.sub-menu, .sub-menu {display: none!important;} .right-cart .card-block {display: flex; flex-wrap: wrap;} .right-cart .card-block > div {width: 100%;} #cart-subtotal-products {order: 0;} #cart-subtotal-shipping {order: 1;} #cart-subtotal-discount {order: 2;} .pro-ty {font-weight: 600; margin-top: 2em; display: none;} .is-connected-pro .pro-ty {display: block;} .block-promo {margin: 2rem 0 0;} .block-promo .promo-code-button {padding: 0;} .block-promo .promo-input {border-radius: 20px 0 0 20px;} .block-promo .promo-input+button {margin-top: -4px; border: 2px solid #f0e400; border-radius: 0 20px 20px 0;} .col-md-3.form-control-comment {width: 100%;} /* Top nav */ #header {color: #004f4b;} .icon-mail {width: 20px; height: 20px; display: inline-block; position: relative; top: -2px;} .header-nav-top {background: #e6e6e6; text-align: center; height: 30px; font-weight: 600;} .header-nav-top ul {display: inline-block; margin: 0; padding-top: 5px;} .header-nav-top ul li {float: left; margin: 0 1em; position: relative;} .contact-hours {padding-left: 22px;} .contact-hours:before {content:""; width: 20px; height: 20px; position: absolute; left: 0; top: -1px; background: url(../images/sprite.svg) no-repeat -16px -12px;} .contact-tel a span {position: relative; top: -3px;} a.account {display: block;} .cart-has-product i svg {fill: #f0e400;} .account-pro-mobile {position: relative; top: -3px;} .account-pro-mobile span {position: absolute; bottom: -10px; left: -2px;} .link-pro-mobile {border-left: 2px solid #004f4b; margin-left: 0; padding-left: 0.75em;} /* Login pop up */ .pop-up-login, .pop-up-pro {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(23, 59, 52, 0.95); display: none; z-index: 200;} .popup-pro .pop-up-pro {display: block;} .pop-up-pro p {margin-bottom: 0; font-weight: 600;} .pop-up-login-wrapper {max-width: 400px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 80%;} .pop-up-login-wrapper-content {background: white; padding: 2em; border-radius: 15px;} .field-nl input[type="email"], .field-nl input[type="password"] {width: 100%; border: 1px solid #004f4b; border-radius: 15px; padding: 0.5em 0.8em; margin-bottom: 1.5em; font-weight: 600; color: #004f4b; background: none;} .pop-up-login .field-nl-email:after {display: none;} .login-form {margin-top: 0;} .pop-up-title {color: white; font-weight: 800; font-size: 2em; font-family: 'GTSectra'; text-align: center;} .close-pop-up {width: 20px; height: 20px; position: absolute; top: 0.5em; right: 1em; display: inline-block;} .close-pop-up:after {content:""; width: 29px; height: 1px; position: absolute; top: 100%; left: 0; background: white; transform: rotate(-45deg); transform-origin: left; transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;} .close-pop-up:before {content:""; width: 1px; height: 28px; position: absolute; top: 0; left: 0; background: white; transform: rotate(-45deg); transform-origin: top; transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;} .close-pop-up:hover:after, .close-pop-up:hover:before {background: #f0e400;} .pop-up-login-wrapper-content #submit-login {width: 100%; text-transform: none; color: white; background: #f0e400; border-radius: 15px;} .pop-up-login-wrapper-content #submit-login:hover {background: #004f4b;} .no-account a {text-align: center; display: block; font-weight: 400; margin-top: 0.5em; text-decoration: underline;} .top-cart-link {position: relative; display: inline-block;} .cart-products-count {font-size: 0.85rem; width: 16px; height: 16px; color: white; background: #f0e400; border-radius: 50%; text-align: center; line-height: 16px; font-weight: 400; display: inline-block; position: absolute; top: 6px; right: -5px;} /* Header */ #header .header-top {padding-bottom: 0;} #header .header-top .menu {padding-left: 0; margin-bottom: 0;} #top-menu {margin-bottom: 0;} .logo-wrapper {text-align: center;} .logo-wrapper a {display: inline-block;} .top-wrapper {position: relative; text-align: center;} .menu-links-wrapper {position: absolute; bottom: 0; right: 0; display: inline-block; min-height: 41px;} .menu-links-wrapper > div {float: left; margin: 0 0.5em;} .logo-wrapper {padding: 2em;} #header .header-top a[data-depth="0"] {color: #004f4b; text-transform: none; font-size: 1.2em; position: relative; overflow: hidden; padding: 0 0.5em 0.75em; position: relative; z-index: 5;} #header .header-top a[data-depth="0"]:after {content:""; width: 100%; height: 6px; background: #004f4b; position: absolute; left: 0; bottom: -7px; transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;} #header .header-top li.current a[data-depth="0"]:after, #header .header-top a[data-depth="0"].current-page:after, #header .header-top a[data-depth="0"]:hover:after, #index #header .header-top ul li:first-child a[data-depth="0"]:after, #stores #header .header-top ul li:nth-child(3) a[data-depth="0"]:after {bottom: 0;} #header .header-top #lnk-accueil a[data-depth="0"] {width:40px; height: 33px; background: url(../images/sprite.svg) no-repeat -134px -9px; display: inline-block; overflow: hidden; text-indent: -9999px;} .is-connected-pro #top-menu li#category-12 a:after {bottom: 0; background: #f0e400;} #header .menu>ul>li {margin: 0 0.75em; position: relative; top: 5px;} i svg {fill: #004f4b;} a i:hover svg, a:hover svg {fill: #f0e400;} .icon-login {width: 26px; height: 26px; display: inline-block;} .icon-tel {background: url(../images/sprite.svg) no-repeat -59px -13px; width: 26px; height: 26px; background-size: 850px; display: inline-block;} .icon-cart {width: 26px; height: 26px; display: inline-block;} #header .account-pro {padding: 0.65em 0.75em 0.75em; border: 3px solid #f0e400; border-bottom: 0; border-radius: 15px 15px 0 0; font-weight: 700; text-transform: uppercase; background: white; letter-spacing: 0; font-size: 10px; width: 150px; display: inline-block;} #header .account-pro:hover {color: white; background: #f0e400;} .user-info {position: relative; top: 7px;} #header .blockcart.cart-preview {position: relative; top: 7px;} #module-bestkit_checkoutfields-myaccount .alert-success {display: none;} .page-customer-account #content {box-shadow: none; background: none;} #address .address-form {max-width: 600px; margin: 0 auto;} .page-content a.account-link {text-decoration: none;} #my-account .account-link {display: none;} #module-bestkit_checkoutfields-myaccount section#content {border: 0;} #module-bestkit_checkoutfields-myaccount section#content .box {max-width: 600px; margin: 0 auto;} @media (min-width: 768px) { #header .header-top {height: 145px; transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out; background: white;} .sticky #header .header-top {height: 114px;} .logo-wrapper {transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;} .sticky #header .header-top {position: fixed; width: 100%; left: 0; top: 0; z-index: 100;} .sticky #wrapper {padding-top: 145px;} .sticky .logo-wrapper {padding: 0.75em 0 1em;} #header .menu>ul>#lnk-acces-pro {display: none;} } #authentication .form-control-comment {display: none;} /* Home Top */ #index #wrapper .container {padding: 0; max-width: 2500px;} main .advanced-cms-wrapper .image-home .rte p {margin: 0;} .image-home img {width: 100%;} main .advanced-cms-wrapper .rte p {color: inherit;} #advanced_cms_wrapper_1 {position: relative;} #advanced_cms_wrapper_1 h1 {color: #f0e400; position: relative; padding-bottom: 0.65em; margin-bottom: 0.3em;} #advanced_cms_wrapper_1 a:not(.btn) {color: white;} #advanced_cms_wrapper_1 h1 > a {color: #f0e400!important;} #advanced_cms_wrapper_1 h1:after {content:""; width: 20px; height: 1px; position: absolute; left: 0; bottom: 0; background: white;} #advanced_cms_wrapper_1 h2 {font-size: 1.7rem; letter-spacing: 2px; font-family: 'Barlow', sans-serif; font-weight: 700;} #advanced_cms_wrapper_1 .row > div:nth-child(2) {position: absolute; color: white; max-width: 345px; left: 54%; top: 50%; transform: translateY(-50%); font-size: 1.7em;} #advanced_cms_wrapper_1 a.btn.btn-default {margin-top: 1.2em;} /* Home Reassurance */ .home-reassurance {color: #004f4b; font-family: 'GTSectra'; font-weight: 700; font-size: 1.3em; background: #f0e400; padding: 5rem 0 4rem;} .home-reassurance-content {width: 100%; display: flex; flex-wrap: wrap;} .home-reassurance-column {max-width: 25%; display: flex; flex-wrap: wrap; padding: 0 2em;} .home-reassurance-image {width: 80px;} .home-reassurance-text {width: calc(100% - 80px);} .home-reassurance-text p {margin: 0;} .home-reassurance-image i {width:80px; height: 70px; background: url(../images/sprite.svg) no-repeat -114px -237px; display: inline-block; background-size: 650px; margin-top: -13px;} .home-reassurance-image .icon-feuille {background: url(../images/sain.svg) no-repeat center; background-size: 70%;} .home-reassurance-image .icon-racine {background: url(../images/actif.svg) no-repeat center; background-size: 72%;} .home-reassurance-image .icon-test {background-position: -181px -237px;} /* Home Liste articles */ .home-article-list {color: white;} .home-article-content {position: relative;} .home-article-text {position: absolute; left: 50%; top: 0; width: 100%; transform: translateX(-50%); max-width: 1130px; padding: 0 15px; height: 100%;} .home-article-text-block {max-width: 280px; font-size: 1.4em; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; height: 100%; padding-bottom: 3em;} .home-article-text-block h2 {font-size: 2rem;} .slick-arrow {position: absolute; top: 50%; transform: translateY(-50%) rotate(-45deg); width: 40px; height: 40px; background: none; overflow: hidden; text-indent: -9999px; border: 0; z-index: 10; transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;} .slick-arrow.slick-prev {left: 12px; border-top: 3px solid #275d4f; border-left: 3px solid #275d4f;} .slick-arrow.slick-next {right: 12px; border-right: 3px solid #275d4f; border-bottom: 3px solid #275d4f;} .slick-arrow.slick-next:hover, .slick-arrow.slick-prev:hover {border-color: #f0e400;} .slick-slide img {width: 100%;} .home-article-list .slick-arrow.slick-prev {transform: translate(-620px, -50%) rotate(-45deg); left: 50%;} .home-article-list .slick-arrow.slick-next {transform: translate(620px, -50%) rotate(-45deg); right: 50%;} /* Home Our values */ .home-our-values {background: #f0eeee; display: flex; flex-wrap: wrap; padding-top: 3em;} .home-our-values-image {width: calc(50% - 320px)} .home-our-values-content {width: 640px; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column;} #advanced_cms_wrapper_2 > .row > div:first-child h2 {text-align: center; padding-bottom: 1.5em; margin-bottom: 1.5em; position: relative;} #advanced_cms_wrapper_2 > .row > div:first-child h2:after {content:""; width: 8px; height: 1px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #004f4b;} #advanced_cms_wrapper_2 > .row > div:last-child {text-align: center; padding-top: 3rem;} #advanced_cms_wrapper_2 > .row > div:last-child .btn.btn-default {background: #f0eeee; border: 2px solid #004f4b;} #advanced_cms_wrapper_2 > .row > div:last-child .btn.btn-default:hover {background: #004f4b; color: white;} #advanced_cms_wrapper_2 > .row > div:nth-child(2), #advanced_cms_wrapper_2 > .row > div:nth-child(3) {text-align: justify;} /* Home Our testimonies */ .our-testimonies {padding: 6rem 0;} #advanced_cms_wrapper_3 .rte > p:first-child > img {border-radius: 50%; overflow: hidden; margin: 0 auto 2rem;} .our-testimonies .slick-slider .slick-list {max-width: 900px; margin: 0 auto; text-align: center} .our-testimonies-content > h2 {text-align: center; padding: 2.5em 0; position: relative;} .our-testimonies-content > h2:before {content: ',,'; position: absolute; top: 0; left: 50%; transform: translateX(-50%) rotate(180deg); font-size: 5em; color: #f0e400;} #advanced_cms_wrapper_3 h4 {position: relative; padding-bottom: 1em; margin-bottom: 1em;} #advanced_cms_wrapper_3 h4:after {content:""; width: 8px; height: 1px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #004f4b;} #index #advanced_cms_wrapper_3 .slick-slide img, #product #advanced_cms_wrapper_3 .slick-slide img {max-width: 200px; margin: 0 auto 1em;} /* Footer-top */ .footer-top {display: flex; flex-wrap: wrap; margin-bottom: 6em; justify-content: center;} #category .footer-top, #stores .footer-top {justify-content: center;} #product .footer-top {justify-content: center;} .qiseng-pharma {width: calc(50% - 0.75em); color: white; background: #004f4b; text-align: center; padding: 2em 2em 3em;} .qiseng-pharma strong {font-size: 1.5em; font-family: 'GTSectra'; font-weight: 800; margin-bottom: 1em; display: block;} .icon-pharma {background: url(../images/sprite.svg) no-repeat 0px -263px; width: 80px; height: 80px; display: inline-block;} .qiseng-pharma .btn.btn-default {margin-top: 1em; color: white; background: #307060;} .footer-container { box-shadow: none; margin-top: 0;} #cart .footer-container {box-shadow: none; padding-top: 0;} .footer-container .footer-h2 {text-align: center; margin-bottom: 1.5em;} .footer-container .footer-h2 a {color: #f0e400;} #advanced_cms_wrapper_4 {margin-bottom: 2em;} #advanced_cms_wrapper_4 a {display: block;} #advanced_cms_wrapper_4 a:hover {opacity: 0.7;} .social-lk-wrapper a {display: inline-block;} .social-lk-wrapper a i {display: inline-block; width: 50px; height: 50px; background-size: 100%;} .fb-lk {background: url(../images/fb.svg) no-repeat center;} .insta-lk {background: url(../images/insta.svg) no-repeat center;} .social-lk-wrapper {text-align: center; margin-bottom: 5rem;} .footer-container .footer-h2 a:hover {color: #004f4b;} path#facebook_x5F_background_4_ {stroke: #d86c2c; transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;} .fb-link svg {fill: #d86c2c;} .fb-link:hover svg {fill: #004f4b;} .fb-link:hover path#facebook_x5F_background_4_ {stroke: #004f4b;} /* Footer-top Newsletter */ .field-nl-2, .input--hidden {display: none;} .sib-form {width: calc(50% - 0.75em); border: 6px solid #004f4b; color: #004f4b; padding: 2em 4em;} .block-footer-top-title {text-align: center; font-size: 1.5em; font-family: 'GTSectra'; font-weight: 800; margin-bottom: 0.5em; padding-bottom: 0.5em; display: block; position: relative;} .block-footer-top-title:after {content: ""; width: 8px; height: 1px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #004f4b;} .block-footer-top-description {text-align: center;} .field-nl-select {position: relative;} .field-nl-select:after {content:""; position: absolute; top: 10px; right: 10px; width: 8px; height: 8px; border-right: 1px solid #004f4b; border-bottom: 1px solid #004f4b; transform: rotate(45deg);} select, select.form-control-select, select.form-control {width: 100%; border: 1px solid #004f4b; border-radius: 20px; padding: 0.5em; margin-bottom: 0.5em; font-weight: 600; color: #004f4b; background: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;} *:focus {outline: none!important;} .field-nl-email {position: relative;} .field-nl-email:after {content:""; position: absolute; top: 13px; right: 13px; width: 8px; height: 8px; border-right: 1px solid #004f4b; border-bottom: 1px solid #004f4b; transform: rotate(-45deg);} .field-nl input[type="text"], input.form-control {width: 100%; border: 1px solid #004f4b; border-radius: 20px; padding: 0.5em 0.8em; margin-bottom: 0.5em; font-weight: 600; color: #004f4b; background: none;} .submit-nl {text-align: center; display: none;} .submit-nl button.btn.btn-default {background: #004f4b; color: white;} .submit-nl button.btn.btn-default:hover {background: #307060;} input.form-control.input-error {border: 2px solid #f0e400;} /* Footer bottom */ .footer-reassurance-wrapper {background: #307060; color: white; padding: 3rem; text-align: center;} .footer-reassurance-content {display: inline-block;} .footer-reassurance-column {float: left; margin: 0 2em;} .footer-reassurance-column a {color: white;} .footer-reassurance-column a:hover {color: white;} .footer-reassurance-column i {background: url(../images/sprite.svg) no-repeat 0px -145px; width: 80px; height: 80px; display: inline-block;} .footer-reassurance-column .icon-carrier {background-position: -102px -145px;} .footer-reassurance-column .icon-customer {background-position: -203px -145px;} .footer-title {font-family: 'GTSectra'; font-weight: 800; font-size: 1.3em; line-height: 1;} .footer-bottom-wrapper {background: #004f4b; padding: 3rem 0; color: white; text-align: center;} .footer-container li {margin-bottom: 0;} .footer-container li a, .footer-bottom-wrapper a {color: white; font-size: 1rem;} .footer-container li a:hover, .footer-bottom-wrapper a:hover {color: #f0e400;} .footer-bottom-content {display: inline-block; text-align: left; width: auto;} .footer-bottom-column {float: left; margin: 0 1.5em; max-width: 170px;} .footer-bottom-column .footer-title {margin-bottom: 1em;} /* Product */ #product #wrapper .container {max-width: 2500px; padding: 0;} .product-container {display: flex; flex-wrap: wrap; max-width: 1020px; margin: 0 auto; padding-top: 7em; color: #004f4b;} .product-col-1 {width: 47.5%;} .product-col-2 {width: calc(28% + 5em); margin-left: -5em; padding-right: 5em;} .product-col-2 h1 {font-size: 2rem;} .product-col-3 {width: 24.5%;} .home-reassurance.product-reassurance {color: inherit; font-size: 1em; background: none; padding: 0; margin-top: 3em;} .product-reassurance .home-reassurance-wrapper {padding: 0;} .product-reassurance .home-reassurance-content {width: calc(100% + 4rem);} .product-reassurance .home-reassurance-content .home-reassurance-column {max-width: 45%; padding: 0; width: 45%; margin-top: 1em;} .product-reassurance .home-reassurance-content .home-reassurance-column:nth-child(even) {max-width: 55%; padding: 0; width: 55%;} .product-reassurance .home-reassurance-image {width: 45px;} .product-reassurance .home-reassurance-text {width: calc(100% - 45px);} .product-reassurance .home-reassurance-image i {width: 40px; height: 45px; background: url(../images/sprite.svg) no-repeat -77px -153px; background-size: 420px; margin-top: -3px;} .product-reassurance .home-reassurance-image .icon-racine {background: url(../images/actif.svg) no-repeat center; background-size: 83%;} .product-reassurance .home-reassurance-image .icon-feuille {background: url(../images/sain.svg) no-repeat center; background-size: 77%;} .product-reassurance .home-reassurance-image .icon-test {background-position: -123px -154px;} .product-prices {margin-top: 0;} .product-prices .product-price {color: #f0e400; font-size: 2rem;} .product-quantity {display: block;} .product-quantity .qty {width: 100px; position: relative; display: block; padding: 0 25px; box-shadow: 2px 2px 4px 0 rgba(0,0,0,.2); border-radius: 10px; overflow: hidden; margin: 0 auto 2em; float: none;} .product-quantity #quantity_wanted {height: 32px; width: 47px; text-align: center; color: black; font-weight: 700; font-size: 1.2em;} .bootstrap-touchspin .input-group-btn-vertical, .input-group {position: initial;} .product-quantity .input-group-btn-vertical .btn {position: absolute; top: 0; width: 28px; height: 32px; margin-left: 0; border: 0;} .product-quantity .input-group-btn-vertical .btn.bootstrap-touchspin-up {right: 0;} .product-quantity .input-group-btn-vertical .btn.bootstrap-touchspin-down {left: 0;} .bootstrap-touchspin {box-shadow: none;} .bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group {border: 0;} .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {margin-top: 0;} .bootstrap-touchspin .input-group-btn-vertical .touchspin-up:after {content: "add";} .bootstrap-touchspin .input-group-btn-vertical .touchspin-down:after {content: "remove";} .product-quantity .input-group-btn-vertical .btn i {top: 16px; left: 14px; color: black;} .product-actions .add-to-cart.btn.btn-primary {box-shadow: none; background: #004f4b; border-radius: 10px; line-height: 1; height: auto; padding: 0.5em 1em; letter-spacing: 2px; min-height: 32px;} .product-actions .add-to-cart.btn.btn-primary:hover {background: #f0e400;} .product-bottom {margin-top: 7em; font-weight: 400;} .product-bottom .bg-feuille-pdt {max-width: 790px; margin: 0 auto; padding: 0 50px 2em; position: relative; min-height: 415px;} .product-bottom .tabs {box-shadow: none; background: none; color: #004f4b; padding: 0; position: relative; top: -33px;} .tabs .nav-tabs {border: 0;} .product-bottom #tab-content {margin-top: 4em;} .nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {background: none;} .product-bottom .tabs .nav-tabs .nav-link.active {border: none; border-bottom: 5px solid #f0e400; font-weight: 700;} .product-bottom .tabs .nav-tabs .nav-link:hover {border: none; border-bottom: 5px solid #f0e400;} .product-bottom .tabs .nav-tabs .nav-link {padding: 0.5em 0; margin-right: 2em;} .product-bottom .tabs .nav-tabs .nav-link {font-weight: 400; color: #004f4b;} .product-bottom .product-description {display: flex; flex-wrap: wrap;} .product-bottom .product-description > div {width: 50%; text-align: justify;} .product-id-20 .product-bottom .product-description > div, .product-id-26 .product-bottom .product-description > div {width: 100%;} .product-description-col-1 {padding-right: 0.5em;} .product-description-col-2 {padding-left: 0.5em;} #product .footer-bottom-wrapper {background: #307060;} .blockreassurance_list {color: #004f4b; font-weight: 600; font-size: 0.85em;} .blockreassurance_list i svg {fill: #004f4b;} .blockreassurance_item {display: flex; flex-wrap: wrap; margin-bottom: 1em;} .blockreassurance_item_img {width: 35px;} .blockreassurance_item_text {width: calc(100% - 35px); padding-left: 1em;} .blockreassurance_item.blockreassurance_item_1 {color: #004f4b;} .blockreassurance_item.blockreassurance_item_1 i {top: -3px; position: relative;} #avis {opacity: 0!important;} #avis.avis-opened {opacity: 1!important;} .product-bottom .bg-feuille-pdt .slick-arrow.slick-prev {left: -14px;} .product-bottom .bg-feuille-pdt .slick-arrow.slick-next {right: -14px;} #product #advanced_cms_wrapper_3 {text-align: center;} .product-bottom ul {padding-left: 3em;} .product-bottom ul em {font-weight: 300;} .right-top-pdt-wrapper {max-width: 167px; text-align: center;} .page-my-account #wrapper, .page-my-account #footer {display: none;} .show-account.page-my-account #wrapper, .show-account.page-my-account #footer {display: block;} .anchor-mob {position: relative; top: -220px;} /* Add to cart modal */ #blockcart-modal .product-image {width: auto; max-width: 100%;} .modal-backdrop.in {opacity: 1; background: rgba(23, 59, 52, 0.95);} #blockcart-modal .modal-dialog {max-width: 700px; width: calc(100% - 30px); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -55%); margin: 0; border-radius: 16px; background: white;} #blockcart-modal .modal-body {background: none; font-weight: 400;} .modal-content {background: none; border: 0; padding: 15px 30px;} #blockcart-modal .modal-header {background: none; text-align: center; border: 0;} #blockcart-modal .modal-header .close {margin-top: -45px;} #blockcart-modal, #blockcart-modal .cart-content p {color: inherit;} #blockcart-modal .modal-title {color: inherit; font-family: 'GTSectra'; font-weight: 800; font-size: 1.8em; display: inline-flex; justify-content: center; flex-wrap: wrap; width: 100%; max-width: 380px;} #blockcart-modal .modal-title i {width: 55px;} #blockcart-modal .modal-title-text {width: calc(100% - 55px); padding-left: 1rem; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; text-align: left; padding-bottom: 0.35em; line-height: 1;} #blockcart-modal .modal-body .divide-right {display: flex; flex-wrap: wrap; padding: 10px 15px 5px; border-right: 1px solid #004f4b; width: 45%;} #blockcart-modal .col-md-7 {width: 55%;} .modal-image-left-wrapper {width: 100px;} .modal-text-left-wrapper {width: calc(100% - 100px); display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; font-size: 1.1rem;} #blockcart-modal .blockreassurance_list {font-size: 1.1rem; width: 100%; display: inline-block; padding: 0 15px; margin-top: 1.5em;} #blockcart-modal .product-name {margin: 0;} #blockcart-modal .cart-content {padding: 1em 0 1em 1rem;} #blockcart-modal .cart-content p {margin-bottom: 0;} #blockcart-modal .cart-content p .label, #blockcart-modal .cart-content p .value {font-weight: 400; font-size: 0.9rem;} #blockcart-modal .cart-content p.product-total {background: none;} #blockcart-modal .cart-content p.product-total .label, #blockcart-modal .cart-content p.product-total .value {font-weight: 700; font-size: 1.5rem;} #blockcart-modal .product-name {font-size: 1.2rem;} #blockcart-modal .btn.btn-primary {min-height: 32px; border-radius: 8px; line-height: 1; height: auto; padding: 0.65em 1.2em; letter-spacing: 2px; text-transform: uppercase; font-size: 0.9rem; font-weight: 700; margin-left: 1em; border: 1px solid #f0e400;} #blockcart-modal .btn.btn-primary:hover {border-color: #004f4b;} #blockcart-modal .btn.btn-primary.btn-cart {background: none; color: #004f4b; border: 1px solid #004f4b;} #blockcart-modal .btn.btn-primary.btn-cart:hover {color: white; background: #004f4b;} #blockcart-modal .cart-content-btn {text-align: right;} /* Articles */ .article-container {display: flex; flex-wrap: wrap; max-width: 1020px; margin: 0 auto; padding-top: 7em; color: #004f4b; font-weight: 400;} .article-col-1 {width: 30%;} .article-col-2 {width: 70%; padding-left: 2em;} .cadre {padding: 1em; border: 3px solid #004f4b;} .article-col-left {width: 200px; padding-top: 0.5em;} .article-col-right {width: calc(100% - 200px); padding-left: 3em; text-align: justify;} .article-col-right h1 {text-align: left;} .list-left-article a {display: block; width: 100%; padding: 0.5em 1em; border-radius: 1.5em; background: #f0eeee; font-weight: 700; margin-bottom: 1em; font-size: 1.1rem; text-decoration: none;} .lk-all-articles {display: block; width: 100%; padding: 0.5em 1em; border-radius: 1.5em; background: #f0eeee; font-weight: 700; margin-bottom: 1em; font-size: 1.1rem; border: 2px solid #004f4b;} .list-left-article a:hover, a.lk-all-articles:hover {background: #004f4b; color: #f0eeee;} .article-desc-wrapper {margin-bottom: 2em; font-weight: 700;} .article-img-wrapper {margin-bottom: 2em;} .img-left {margin-right: 1em; max-width: 50%;} .img-right {margin-left: 1em; max-width: 50%;} .message-success {position: absolute; bottom: 100%; left: 3em; font-weight: 700; color: #f0e400;} /*Article Pro Form*/ #pfg-form-1 {text-align: center;} #pfg-form-1 > h3 {display: none;} #show-pro-form {display: inline-block; border-radius: 20px; color: white; padding: .5rem 1.25rem; box-shadow: none; font-family: 'Barlow', sans-serif; font-size: 1rem; text-transform: none; font-weight: 400; background: #f0e400; cursor: pointer; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out;} #show-pro-form:hover {background: #004f4b;} .explain-p {font-style: italic; margin: 1em 0 1.5em;} .lk-pro-form-wrapper {text-align: center;} #pfg-form-1 fieldset {display: none; margin: 0 auto; max-width: 500px;} #advanced_cms_wrapper_7 {position: relative; margin-top: 5em;} .texte-bandeau-pro.col-lg-12 {position: absolute; width: 50%; color: white; padding: 2em 2em 2em 3em;} .texte-bandeau-pro.col-lg-12 h2 {font-size: 2rem;} #advanced_cms_wrapper_7 .row > .col-lg-12:not(.texte-bandeau-pro) {padding: 0;} #products .product-miniature, .featured-products .product-miniature, .product-accessories .product-miniature, .product-miniature .product-miniature {margin: 0;} .image-bandeau-pro img {width: 100%;} @media (min-width: 1200px) { .category-id-12 .col-md-9 {margin-left: -10%;} } @media (max-width: 1200px) { .category-id-12 #content-wrapper {width: 100%;} } /* Articles list */ #products {color: inherit;} #category #products {padding-top: 5em; font-weight: 400;} .list-article-wrapper {display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 2em; margin-bottom: 3em; border-bottom: 1px solid #004f4b;} .list-article-left {width: 30%;} .list-article-right {width: 70%;} .products .min-list-articles:nth-child(even) .list-article-wrapper {flex-direction: row-reverse;} .products .min-list-articles:last-child .list-article-wrapper {border: 0;} .products .min-list-articles:nth-child(odd) .list-article-right {padding-left: 2em;} .products .min-list-articles:nth-child(even) .list-article-right {padding-right: 2em;} .has-not-spe-img {overflow: hidden; display: block;} .has-not-spe-img img {max-width: 227%; position: relative; transform: translateX(-30%);} .list-article-title a {font-size: 2.2rem; max-width: 394px; display: block; line-height: 1; margin-bottom: 1em;} .img-list-button {background: #f0e400; color: white; padding: 0.4em 1.6em; border-radius: 1.5em; font-weight: 700; line-height: 1.3; min-height: 32px; display: inline-block; border: 2px solid #f0e400;} .img-list-button:hover {background: white; color: #f0e400;} #category .footer-container {padding-top: 0; margin-top: 7em;} #category .footer-bottom-wrapper {background: #307060;} /* Shopping cart */ .cart-container {max-width: 1090px; margin: 0 auto;} .top-cart {text-align: center; padding: 3em 0 2em;} .top-cart i svg {fill: #004f4b;} h1.shopping-cart {font-size: 2.4rem; margin-top: 0.5em;} .icon-cart-title {width: 80px; height: 95px; display: inline-block;} .cart-tab-title {display: flex; flex-wrap: wrap; border-bottom: 1px solid #004f4b; margin: 0 0 1rem; padding-bottom: 0.75em; font-weight: 600;} .cart-tab-title li:first-child {width: 35%;} .cart-tab-title li:last-child {width: 25%;} .cart-tab-title li:nth-child(2), .cart-tab-title li:nth-child(3) {width: 20%;} .product-line-grid {display: flex; flex-wrap: wrap; font-size: 1.2em;} .product-line-grid-1 {width: 35%; display: flex; flex-wrap: wrap;} .product-line-grid-1 > a {display: flex; flex-wrap: wrap; width: 100%;} .product-line-grid-1 .product-image {width: 100px;} .product-line-grid-1 .product-line-info {width: calc(100% - 100px); display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column;} .cart-pdt-name {font-weight: 600;} .product-line-grid-2 {width: 20%; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column;} .product-line-grid-3 {width: 20%; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column;} .product-line-grid-4 {width: 25%; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; position: relative;} .middle-cart {display: flex; flex-wrap: wrap;} .left-cart {width: calc(100% - 300px); padding-right: 2em; font-weight: 400;} .right-cart {width: 300px; font-weight: 400} .product-cart-qty-wrapper > .bootstrap-touchspin {width: 100px; position: relative; display: block; padding: 0 25px; box-shadow: 2px 2px 4px 0 rgba(0,0,0,.2); border-radius: 10px; overflow: hidden; height: 32px;} .product-cart-qty-wrapper .input-group-btn-vertical > button.bootstrap-touchspin-up {position: absolute; top: 0; width: 28px; height: 32px; margin-left: 0; border: 0; right: 0;} .product-cart-qty-wrapper .input-group-btn-vertical > button.bootstrap-touchspin-down {position: absolute; top: 0; width: 28px; height: 32px; margin-left: 0; border: 0; left: 0;} .product-cart-qty-wrapper input.js-cart-line-product-quantity {height: 32px; width: 47px; text-align: center; color: black; font-weight: 700; font-size: 1.2rem;} .bootstrap-touchspin .input-group-btn-vertical i {top: 50%; left: 50%; font-size: 1em; transform: translate(-50%, -50%); color: black;} .cart-line-product-actions {position: absolute; right: 2em; top: 50%; transform: translateY(-50%);} .cart-line-product-actions i svg {fill: black;} .cart-line-product-actions i.icon-remove svg {fill: #b7b7b7;} .cart-line-product-actions i svg:hover {fill: #f0e400;} .right-cart .card-block {padding: 2rem 0 0;} .right-cart .card-block > #cart-subtotal-products:first-child {border-top: 1px solid #004f4b; padding-top: 1.5rem;} .cart-summary-line .label {font-size: 1em; color: #004f4b;} .cart-summary-line {margin-bottom: 1rem;} .card-block.cart-summary-totals .cart-summary-line.cart-total .label, .card-block.cart-summary-totals .cart-summary-line.cart-total .value {font-size: inherit; color: inherit;} .card-block.cart-summary-totals .cart-summary-line.cart-total.cart-tax-value .label, .card-block.cart-summary-totals .cart-summary-line.cart-total.cart-tax-value .value {font-size: 1rem; font-weight: 400;} .card-block.cart-summary-totals .cart-summary-line.cart-total {background: none; padding: 0; margin: 0;} .right-cart .card-block.cart-summary-totals {padding-top: 0; font-weight: 700; font-size: 1.3rem;} .right-cart a.btn.btn-default {background: #f0e400; padding: 0.4em 3.5em; color: white} .right-cart a.btn.btn-default:hover {background: #004f4b;} #cart .blockreassurance_list {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 5em;} #cart .blockreassurance_list i svg {width: 50px; height: 50px;} #cart .blockreassurance_item_img {width: 50px;} #cart .blockreassurance_item_text {width: calc(100% - 50px); font-size: 1.2rem; font-weight: 600;} .cart-summary-line .value {color: inherit;} .block-promo .promo-name .cart-summary-line .label {color: #004f4b;} #customer-form button[type="submit"], .form-inscr-pro {display: none;} #customer-form button[type="submit"] {opacity: 0;} #checkout #customer-form button[type="submit"] {display: block; opacity: 1;} /* Contact */ #contact #content-wrapper {width: 100%; padding-bottom: 10em; background-size: 27%;} #authentication #content-wrapper {width: 100%; background: url(../images/bg-ongles.jpg) no-repeat 6% bottom; padding-bottom: 10em; background-size: 27%;} #authentication.login-pro #content-wrapper {width: 100%; background: url(../images/bg-ongles.jpg) no-repeat 6% bottom; padding-bottom: 10em; background-size: 27%;} #contact section#content {box-shadow: none; border: 0; background: none; max-width: 654px; margin: 0 auto;} #contact #footer {padding-top: 0;} .icon-contact-wrapper {text-align: center; margin-top: 6rem;} .contact-title {text-align: center; font-size: 2em; margin-bottom: 2em;} form .row {margin: 0;} form .form-group.row {margin-bottom: 1em;} .contact-form {color: inherit; background: none;} form .col-md-3 {width: 30%;} form .col-md-6, form .col-md-9 {width: 70%; padding: 0;} .contact-form select.form-control-select {border-radius: 20px; color: #a2a2a2; font-weight: 400; padding: 0.5em 1em;} .contact-form .field-nl-select:after {right: 15px;} .contact-form input.form-control {border-radius: 20px; color: #a2a2a2; font-weight: 400; padding: 0.5em 1em;} .contact-form input.form-control::placeholder, .contact-form textarea.form-control::placeholder {color: #a2a2a2;} form .input-group {display: flex; flex-wrap: wrap;} form .input-group .input-group-btn {height: auto; width: 140px; margin-left: -20px; display: block; position: relative; z-index: 20;} form .input-group input.form-control {width: calc(100% - 120px);} form .input-group .input-group-btn>.btn {border-radius: 20px; height: 100%; text-transform: none; line-height: 1.5; font-size: 0.8rem; width: 100%; font-weight: 400; transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;} form .input-group .input-group-btn>.btn:hover {background: #f0e400;} textarea.form-control {background: none; color: #a2a2a2; width: 100%; border: 1px solid #004f4b; border-radius: 15px;} .option-label {width: 100%; text-align: right; display: block; font-size: 0.9em;} label.col-md-3.form-control-label {font-family: 'GTSectra'; font-size: 1.1rem; font-weight: 800;} .btn.btn-primary {border-radius: 20px; box-shadow: none; text-transform: none; font-weight: 400; background: #004f4b;} .btn.btn-primary:hover {background: #f0e400;} #authentication .footer-container {box-shadow: none; padding-top: 0;} #contact .footer-container {box-shadow: none; padding-top: 0; margin-top: 0;} #contact .footer-bottom-wrapper, #authentication .footer-bottom-wrapper {background: #307060;} .icon-contact-wrapper i svg {fill: #004f4b;} .contact-form .group-span-filestyle .btn-default {background: #004f4b;} .contact-form .group-span-filestyle .btn-default:hover {background: #f0e400;} /* Authentication */ .page-addresses .address, .page-authentication #content {box-shadow: none; background: none; border: 0;} .page-authentication .page-header > h1 {font-size: 2rem; margin: 3em 0 1.5em;} .page-authentication .icon-contact-wrapper {margin-bottom: 2rem;} .is-pro {display: none;} .login-pro .is-pro {display: inline;} .login-pro p.is-pro {display: block;} .login-pro .is-not-pro {display: none;} #submit-login {margin: 1.5em 0;} .page-customer-account #content {color: inherit; font-size: 0.925rem;} .page-customer-account #content p.is-pro {font-size: 1rem;} .page-authentication form .input-group .input-group-btn {width: 90px;} .page-authentication form .input-group input.form-control {width: calc(100% - 70px);} .input-group .input-group-btn>.btn[data-action=show-password] {background: #004f4b; padding: .5rem 1rem;} .page-authentication #content {padding: 1rem; max-width: 500px;} label.col-md-3.form-control-label[for="bestkit_customerattributes_numero_identification"] {padding-top: 0; position: relative; top: -3px;} #authentication .bestkit_customerattributes label.label-title, #authentication label.col-md-3.form-control-label {padding: 0 0.5em 0 0;} .page-authentication #content > br {display: none;} .page-authentication .account_creation.bestkit_customerattributes {display: none;} .login-pro.page-authentication .account_creation.bestkit_customerattributes {display: block;} .bestkit_customerattributes select:not(.select-selected) {color: #acabab; font-weight: 400;} .bestkit_customerattributes select option {color: #004f4b; font-weight: 600;} #authentication:not(.show-content) #wrapper, #authentication:not(.show-content) #footer {display: none;} #product .footer-top {display: none;} .bestkit_customerattributes_expertise, .bestkit_customerattributes_situation, .bestkit_customerattributes_poste, .bestkit_customerattributes_rpps {display: none;} #customer-form > section > div:nth-child(7), #customer-form > section > div:nth-child(8) {display: none;} #checkout #customer-form > section > div:nth-child(6) {display: none;} /* Create account */ label.radio-inline {display: inline-block; width: auto; margin: 0.75em 1em 0.75em 0;} form .col-md-6.form-control-valign {padding-top: 0;} .account_creation.bestkit_customerattributes select.form-control-select {padding: 0.5em 1em;} .account_creation.bestkit_customerattributes .field-nl-select:after {top: 12px; right: 14px;} /* Password */ #password #content {color: inherit; font-size: 0.925rem; border: 0; max-width: 700px; margin: 0 auto;} #password #content label {width: 100%; text-align: center;} .forgotten-password .form-fields .center-email-fields {display: block; text-align: center;} .forgotten-password .form-fields .email {width: 100%; float: none; margin: 0 auto 1em; max-width: 430px;} #password footer.page-footer {display: none;} /* Order process */ body#checkout section.checkout-step {background: none; box-shadow: none;} body#checkout section#content {max-width: 900px; margin: 4em auto 3em;} .nav-item .nav-link, .nav-item .nav-separtor {color: inherit;} .nav-item .nav-link.active, .nav-item .nav-separtor.active {color: #f0e400;} body#checkout #footer {box-shadow: none; padding: 0; background: #307060; color: white;} body#checkout a:hover {color: #f0e400;} body#checkout form .form-group.row {margin-bottom: 0.75em;} .card {box-shadow: none; background: none;} body#checkout .card {border: 1px solid #004f4b; margin: 2em 0;} .checkout_feilds_wrapper {padding: 0; background: none; box-shadow: none;} body#checkout #footer .pop-up-contact-wrapper-content {color: #004f4b;} body#checkout {font-weight: 400;} body#checkout .delivery-option .col-xs-3 {padding: 0 9px;} .custom-radio input[type=radio]:checked+span {left: 50%; top: 50%; transform: translate(-52%, -49%);} a#cta-terms-and-conditions-0 {margin-bottom: 1em; display: block;} .carrier-wrapper {display: flex; flex-wrap: wrap; justify-content: space-between;} .carrier-logo {width: 35px; margin-right: 1em; position: relative; top: -7px;} .carrier-descr {display: flex; flex-wrap: wrap;} .carrier-delay {line-height: 19px;} body#checkout section.checkout-step .form-footer .float-xs-right {float: none!important;} body#checkout #payment-confirmation {text-align: center;} /* CMS */ #cms #content-wrapper h2 {font-size: 1.4em; margin: 1.5em 0 0.5em; color: #004f4b; text-transform: uppercase;} .page-content.page-cms {padding: 0;} #cms #content-wrapper sup {font-size: 1.5em; top: 0.2em;} #advanced_cms_wrapper_6 p img {max-width: 130px; margin: 0 1em 1.5em;} .div-p {font-weight: 400; font-size: 1rem; font-family: 'Barlow'; max-width: 600px; margin: 1rem auto 0;} #authentication .div-p {margin: -2rem auto 3rem;} #content.page-cms-6 {max-width: 1020px; margin: 0 auto; padding: 0;} .left_cms {width: 200px; padding-top: 0.5em;} .right_cms {width: calc(100% - 200px); padding-left: 3em; text-align: justify;} .is-anchor {position: relative; top: -240px;} .cms-id-12 #advanced_cms_wrapper_3 {max-width: 740px; margin: 0 auto;} .cms-id-12 #advanced_cms_wrapper_3 > .row > div {width: 100%; margin-bottom: 4em!important;} .cms-id-12 .page-header > h1 {margin: 2.5em 0;} .cms-id-12 #advanced_cms_wrapper_3 > .row > div > .rte {display: flex; flex-wrap: wrap;} .cms-id-12 .img-test-wrapper {width: 25%;} .cms-id-12 .text-test-wrapper {width: 75%; padding-left: 2em;} .cms-id-12 #advanced_cms_wrapper_3 h4:after {display: none;} .cms-id-12 #advanced_cms_wrapper_3 h4 {padding-bottom: 0.5em;} .text-test-date {display: none;} .cms-id-12 .text-test-date {display: block; margin-bottom: 0.5rem; padding-bottom: 0.5rem; color: #f0e400; font-family: 'GTSectra'; font-weight: 800; text-transform: uppercase; position: relative; font-size: 0.9rem;} .cms-id-12 .text-test-date:after {content:""; width: 5px; height: 1px; left: 0; bottom: 0; background: #004f4b; position: absolute;} .cms-id-12 .page-header h1 span {display: block; margin-top: 1em;} .cms-id-12 i svg {fill: #004f4b;} .cms-id-12 .container-min {display: none;} .cms-id-12 .footer-container {box-shadow: none; padding-top: 0;} #content.page-cms-13 {text-align: center;} .page-my-account #content .links a[title="Informations PRO"] {display: none;} #order-confirmation #content-hook_order_confirmation {text-align: center;} @media (min-width: 768px) { .cms-id-6.sticky .list-left-article {position: fixed; top: 260px; width: 200px; z-index: 50;} } /* Stores */ #stores .store_map {min-height: 600px !important;} #stores #content.card-block {padding: 0; border: 0;} #fmeStorePage {margin: 2em 0 3em; border: 0; padding: 0;} #fmeStorePage .col-lg-4 {padding: 0; margin-right: 15px;} #fmeStorePage .field-nl-select {max-width: 350px;} #stores #locationSelect {max-width: 100%;} #fmeStorePage .field-nl-select-hidden {display: none;} #stores #stores-table {display: none!important;} /* Paiement */ .payment-option label img[src*="systempay"] {max-width: 166px;} #order-confirmation #content-hook-order-confirmation-footer {display: none;} #order-confirmation #main {margin-top: 1em;} #cart-subtotal-shipping, #cart-subtotal-shipping .label {color: #f0e400;} #cart-subtotal-shipping.is-free-shipping, #cart-subtotal-shipping.is-free-shipping .label {color: #0f9d58;} .ps-shown-by-js .btn:disabled {display: none;} /*Bandeau*/ .top-cart #advanced_cms_wrapper_9, #checkout #content #advanced_cms_wrapper_9 {font-weight: 500;} #advanced_cms_wrapper_9 strong {color: #f0e400;} .evo-img-det { width: 100%; display: flex; flex-wrap: wrap; gap: 1rem; } .evo-img-det > p {width: calc(50% - 0.5rem); margin: 0;} .imgcreuse {margin-top: 3rem; margin-bottom: 3rem;} #index .home-reassurance-content {justify-content: center;} .top-ev-content { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .top-ev-content-right { width: 39%; } .top-ev-content-right img {margin: 0 auto 1rem;} .top-ev-content-left { width: calc(61% - 2rem); } .img-evo-centr { text-align: center; } .img-evo-centr img { margin: 0 auto; } .images-double, .evo-2-col {display: flex; flex-wrap: wrap; gap: 2rem;} .images-double > div, .evo-2-col > div {width: calc(50% - 2rem);} .image-ongle img {margin: 0 auto 2rem;} .cms-id-6 ul {list-style: disc; padding-left: 2rem;} .cms-id-6 h2 {text-decoration: underline;} .anchor { position: relative; top: -120px; } .links-anchor {text-align: center;} .px-ht {display: none;} .is-connected-pro .px-ht {display: inline;} /* Responsive */ @media (max-width: 1100px) { html, body {font-size: 13px;} a.btn.btn-default, button.btn.btn-default, .right-cart a.btn.btn-default {padding: 0.5em 3em;} #advanced_cms_wrapper_1 .row > div:nth-child(2) {font-size: 1.4em;} #header .account-pro {position: relative; top: 4px;} .nav-1-content {font-size: 14px;} #advanced_cms_wrapper_4 .col-sm-6, #advanced_cms_wrapper_4 .col-sm-5 {width: 25%;} } @media (max-width: 900px) { .top-wrapper {text-align: left;} } @media (max-width: 768px) { .logo-wrapper {padding: 1em 0;} #header .header-top {position: fixed; height: 85px; background: white; top:0; left: 0; width: 100%; z-index: 100; padding-top: 5px;} .top-wrapper {position: inherit;} #menu-icon {position: absolute; top: 50%; left: 1.5em; transform: translateY(-50%); width: 32px; height: 24px; display: inline-block;} #menu-icon:before {content:""; width: 100%; height: 2px; position: absolute; top: 0; left: 0; background: #004f4b; transform: rotate(0); transform-origin: left; transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;} #menu-icon:after {content:""; width: 100%; height: 2px; position: absolute; top: calc(100% - 1px); left: 0; background: #004f4b; transform: rotate(0); transform-origin: left; transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;} #menu-icon span {width: 100%; height: 2px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background: #004f4b; opacity: 1; transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;} .is-open #menu-icon span {opacity: 0;} .is-open #menu-icon:before {transform: rotate(45deg);} .is-open #menu-icon:after {transform: rotate(-45deg);} .menu-links-wrapper {bottom: inherit; right: 0.5em; top: 50%; transform: translateY(-50%);} .menu-links-wrapper a {display: inline-block;} .user-info, #header .blockcart.cart-preview {top: 0;} #popContact {float: left; margin-right: 0.5em;} #popContact i {width: 26px; height: 26px; display: inline-block; padding-top: 2px;} #mobile_top_menu_wrapper {position: absolute; top: calc(100% - 2px); width: 100%; margin: 0;} section#wrapper {display: block!important;} body {padding-top: 85px;} #menu-icon i {font-size: 40px;} .pop-up-contact {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(23, 59, 52, 0.95); display: none; z-index: 200;} .pop-up-contact-wrapper {max-width: 400px; position: absolute; left: 50%; transform: translateX(-50%); top: 4em; width: 80%;} .pop-up-login-wrapper {top: 4em; transform: translateX(-50%);} .pop-up-contact-wrapper-content {background: white; padding: 2em 3em; border-radius: 15px;} .pop-up-title {font-size: 2.2em; padding-bottom: 0.3em;} .close-pop-up {top: 0.85em;} .pop-up-contact-wrapper-content li {margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #004f4b;} .pop-up-contact-wrapper-content li a, .pop-up-contact-wrapper-content ul li:last-child {display: flex; flex-wrap: wrap; padding-bottom: 0; margin-bottom: 0; border: 0;} .pop-up-contact-wrapper-content .icon-wrapper {width: 48px;} .pop-up-contact-wrapper-content .text-wrapper {width: calc(100% - 48px); display: flex; justify-content: center; flex-direction: column; padding-left: 2rem; font-weight: 800; font-size: 1.3rem;} .pop-up-contact-wrapper-content i svg {fill: #f0e400;} .pop-up-contact-wrapper-content ul li:first-child .text-wrapper {font-size: 1.75rem;} .pop-up-contact-wrapper-content ul li:first-child .icon-wrapper {padding-top: 3px;} .pop-up-contact-wrapper-content ul li:last-child .icon-wrapper {padding-top: 5px;} .home-reassurance-column {width: 50%; max-width: 50%; padding: 0 1em; margin-bottom: 2em; justify-content: center;} .home-reassurance-text {width: 100%; text-align: center;} #header .header-top .row {margin: 0;} #header .header-top .container {padding: 0;} .home-reassurance {padding: 2rem 0 1rem;} #advanced_cms_wrapper_5 {background: #033c34; color: white; text-align: center; padding: 3rem 0; font-size: 1.5rem} #advanced_cms_wrapper_5 a {color: white;} #advanced_cms_wrapper_5 img {margin: 0 auto;} #advanced_cms_wrapper_5 a.btn.btn-default {background: white; color: #004f4b;} #advanced_cms_wrapper_5 .row {max-width: 400px; margin: 0 auto;} #advanced_cms_wrapper_5 h1 {color: #f0e400; font-size: 2.5rem;} #advanced_cms_wrapper_5 h1 > a {color: #f0e400!important;} #advanced_cms_wrapper_5 h2 {font-size: 1.7rem; letter-spacing: 2px; font-family: 'Barlow', sans-serif; font-weight: 700;} .home-article-text-block {font-size: 1em; padding: 1em 0;} .home-article-text-block h2 {font-size: 1.3rem;} .home-article-wrapper .slick-slide img {width: 170%; max-width: 170%; transform: translateX(-19%);} .home-article-text {width: 50%; transform: none; z-index: 2; left: 0; padding: 0 0 0 30px;} .home-article-content {width: 100%; overflow: hidden;} .row {margin: 0;} .h2, h2 {font-size: 1.8rem;} #advanced_cms_wrapper_2 > .row > div:first-child h2 {padding-bottom: 0.5em; margin-bottom: 0.5em;} .home-our-values {padding: 2em 0.5em 1em; background: #f0eeee url(../images/bg-values-mobile.png) no-repeat left bottom; background-size: 50%;} #advanced_cms_wrapper_2 > .row > div:last-child {padding-top: 1rem;} .our-testimonies {padding: 1rem 0;} .our-testimonies-content > h2:before {top: 20px; font-size: 3em;} .slick-arrow {width: 30px; height: 30px; z-index: 20;} .qiseng-pharma {width: 100%;} .sib-form {width: 100%; border: 5px solid #004f4b; padding: 2em 3em; margin: 2rem 0 0;} #footer {display: block!important;} #header .header-top a[data-depth="0"] {padding: 0.5em;} #header .header-top a[data-depth="0"]:after {height: 4px;} #mobile_top_menu_wrapper .top-menu a[data-depth="0"] {border-bottom: 1px solid #f0eeee;} form .col-md-3, form .col-md-6, form .col-md-9 {width: 100%;} .contact-form select.form-control-select {border-radius: 10px; height: 32px!important;} .contact-form input.form-control {border-radius: 10px; height: 32px; background: #f7f7f7;} textarea.form-control {border-radius: 10px; background: #f7f7f7;} #contact #wrapper .container {padding: 0;} .contact-form .input-group .input-group-btn>.btn {border-radius: 10px;} .btn.btn-primary {border-radius: 5px; font-size: 1.1rem; padding: 0.75em 1.5em;} label.col-md-3.form-control-label {font-size: 1.2rem; padding: 0 0.25em;} .icon-contact-wrapper i svg {width: 75px; height: 75px;} .contact-form .input-group .input-group-btn>.btn {font-size: 1rem;} .icon-contact-wrapper {margin-top: 5rem;} .contact-title {margin-bottom: 1em;} .contact-form {padding-top: 0;} .form-footer.text-sm-right {text-align: right;} .field-nl input[type="text"], input.form-control, select, select.form-control-select {border-radius: 10px;} .page-authentication .page-header > h1 {font-size: 1.6rem; margin: 1em 0 0.5em;} .field-nl-email:after {top: 11px;} .product-container {padding-top: 4em;} .product-col-1 {width: 100%; padding: 0 15px;} #main .product-col-1 .page-content {max-width: 360px; margin: 0 auto; position: relative;} .img-gelules {position: absolute; bottom: 2em; right: 0; width: 33%;} .product-col-2 {width: 100%; margin-left: 0; padding: 0 15px; text-align: center; margin-top: 2em; text-align: center;} .product-col-3 {width: 100%; padding: 0 20px; text-align: center; margin-top: 2em;} .product-reassurance .home-reassurance-image {width: 100%;} .product-reassurance .home-reassurance-content {width: auto; margin: 0 -15px; padding: 1em 0;} .product-quantity .add {float: none;} .product-quantity .qty {float: none; margin: 0 auto 2em;} .product-bottom {background: none; margin-top: 0; padding: 15px;} .mobile-tab-wrapper-content {display: none;} .mobile-tab-testimonies {opacity: 0;} .mobile-tab-wrapper-content.mobile-tab-testimonies.testimonies-charged {opacity: 1;} .mobile-tab-wrapper-title {cursor: pointer; padding: 0.5em 1.5em; border-bottom: 1px solid #004f4b; position: relative; font-weight: 600; font-size: 1.32rem;} .mobile-tab-wrapper-title:after {content: ""; position: absolute; top: 14px; right: 13px; width: 8px; height: 8px; border-right: 1px solid #004f4b; border-bottom: 1px solid #004f4b; transform: rotate(-45deg); transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;} .mobile-tab-wrapper-title.active:after {transform: rotate(45deg); top: 13px; right: 12px;} .mobile-tab-wrapper-content {padding: 1em 1.5em;} .product-bottom ul.blockreassurance_list {padding: 0; margin: 3em 0 0; display: flex; flex-wrap: wrap;} .blockreassurance_item {width: 33.3333%; text-align: center; margin-bottom: 0; display: inline-block; flex-wrap: inherit; font-weight: 700; font-size: 1.1rem;} .blockreassurance_item_img {width: 100%;} .blockreassurance_item_text {width: 100%; padding-left: 0;} #product .footer-top {justify-content: center; margin: 0;} #product .footer-container {padding-top: 0;} #blockcart-modal .modal-body .divide-right {padding: 0; border-right: 0; width: 100%;} .modal-content {padding: 15px 8px;} #blockcart-modal .col-md-7 {width: 100%; padding: 0;} #blockcart-modal .blockreassurance_item {width: 100%; display: flex; flex-wrap: wrap;} .modal-header {padding: 0 15px 10px;} #blockcart-modal .blockreassurance_item_img {width: 35px;} #blockcart-modal .blockreassurance_item_text {width: calc(100% - 35px); padding-left: 1em; text-align: left; font-weight: 600;} #blockcart-modal .blockreassurance_item.blockreassurance_item_1 i {top: -5px;} #blockcart-modal .blockreassurance_list {padding: 0; margin-top: 0.5em;} #blockcart-modal .cart-content {padding: 0.75em 0;} #blockcart-modal .product-name {padding: 0;} #blockcart-modal .modal-title {font-size: 1.5em;} .left-cart {width: 100%; padding-right: 0;} .product-line-grid-1 {width: 75%;} .product-line-grid-2 {width: 25%;} .product-line-grid-3 {width: 50%; margin-top: 1em;} .product-line-grid-4 {width: 50%; margin-top: 1em;} .cart-tab-title li {display: none;} .icon-cart-title {width: 50px; height: 50px;} .top-cart i svg {width: 50px; height: 50px;} h1.shopping-cart {font-size: 2rem; margin: 0 0 0 0.5em; width: auto; display: inline-block; position: relative; top: -17px;} .top-cart {padding: 1.5em 0 0em;} .right-cart {width: 100%;} #cart .blockreassurance_item_img {width: 100%;} #cart .blockreassurance_item_text {width: 100%; font-size: 1rem;} .slick-arrow.slick-prev {left: 0;} .slick-arrow.slick-next {right: 0;} .mobile-tab-testimonies #advanced_cms_wrapper_3 {margin-top: 3em;} .delivery-option .col-sm-1 {padding: 0;} body#checkout section.checkout-step .delivery-option label {padding-right: 0;} .delivery-option .col-xs-12, .delivery-option .col-xs-3 {padding: 0;} body#checkout section.checkout-step .delivery-option img {width: auto; margin-top: -1.5em;} body#checkout section#content {margin: 2em auto;} #advanced_cms_wrapper_3 .rte > p:first-child > img {max-width: 180px; width: 100%;} .footer-top {margin-bottom: 2em;} .home-article-list .slick-arrow.slick-prev {transform: translate(0, -50%) rotate(-45deg); left: 9px;} .home-article-list .slick-arrow.slick-next {transform: translate(0, -50%) rotate(-45deg); right: 9px;} #contact #content-wrapper, #authentication #content-wrapper, #authentication.login-pro #content-wrapper {background-position: -49% bottom; padding-bottom: 2em; background-size: 57%;} .h1, h1, .list-article-title a {font-size: 2rem;} #cart .cart-detailed-actions {text-align: center;} .left_cms, .article-col-left {width: 100%;position: fixed; top: 98px; left: 0; padding: 1em 1em 0; background: white; z-index: 50;} #cms.cms-id-6, #product.product-id-category-10 {padding-top: 138px;} .list-left-article a, .lk-all-articles {display: inline-block; width: auto;} .right_cms, .article-col-right {width: 100%; padding-left: 0;} .is-anchor {position: relative; top: -150px;} .article-col-left > section {display: flex; flex-wrap: wrap; justify-content: center;} .article-col-left > section > div {display: none;} .footer-title {font-size: 1.4rem;} .footer-reassurance-column p {font-size: 1.1rem;} #blockcart-modal .btn.btn-primary {margin: 0 auto; display: block; max-width: 200px;} #blockcart-modal .btn.btn-primary.btn-cart {margin-bottom: 1.5em;} #authentication .form-footer {text-align: center;} .cms-id-12 i svg {width: 50px; height: 50px;} .cms-id-12 .text-test-wrapper {width: 100%; padding-left: 0em;} .cms-id-12 .img-test-wrapper {width: 100%;} .cms-id-12 .img-test-wrapper img {margin: 0 auto 2em;} .cms-id-12 #advanced_cms_wrapper_3 > .row > div > .rte {text-align: center;} .cms-id-12 .text-test-date:after {left: 50%; transform: translateX(-50%);} #product .product-desc-short, .product-bottom #tab-content {font-size: 1.15rem;} .right-cart .card-block.cart-detailed-actions {padding-top: 1em;} .free-delivery {padding-bottom: 0.5rem;} #payment-confirmation .ps-shown-by-js {text-align: center;} .custom-radio input[type=radio]:checked+span {transform: translate(-47%, -53%);} body#checkout .additional-information {margin-left: 0;} #contact #content-wrapper, #authentication #content-wrapper {background-size: 60%;} /*Bandeau*/ @keyframes defilement-rtl { 0% { transform: translate3d(0,0,0); } 100% { transform: translate3d(-350%,0,0); } } .header-top #advanced_cms_wrapper_9 {background-color: #004f4b; color: white; text-align: right; width: 100%; padding: 0; position: fixed; left: 0; top: 0; height: 24px; overflow: hidden; font-weight: 700; padding-top: 2px;} .header-top #advanced_cms_wrapper_9 > .row {max-width: 1650px; margin: 0 auto; padding: 0 15px 0 100%; white-space: nowrap; animation: defilement-rtl 20s infinite linear;} .header-top #advanced_cms_wrapper_9 strong {color: white;} .logo-wrapper {padding-right: 11em; padding-left: 2rem;} .logo-wrapper a {width: 125px;} #authentication.login-pro #content-wrapper {background: none;} } @media (max-width: 600px) { .home-reassurance-column {margin-bottom: 1em;} .home-reassurance-image {width: 50px; height: 50px;} .home-reassurance-image i {width: 50px; height: 50px; background: url(../images/sprite.svg) no-repeat -79px -164px; background-size: 450px; margin-top: 0;} .home-reassurance-image .icon-feuille {background-position: -224px -160px;} .home-reassurance-image .icon-racine {background-position: -175px -165px;} .home-reassurance-image .icon-test {background-position: -128px -164px;} #advanced_cms_wrapper_4 {padding: 0 2rem;} #advanced_cms_wrapper_4 .col-sm-6, #advanced_cms_wrapper_4 .col-sm-5 {width: 50%; padding: 0 0.5em;} .footer-container {padding-top: 3em;} .footer-reassurance-wrapper {padding: 2rem 0.5rem;} .footer-reassurance-column {margin: 0; width: 33.333%; padding: 0 0.5em; font-size: 0.9rem;} .footer-bottom-column {float: left; margin: 0; width: 33.33333%; text-align: center;} .product-bottom .product-description > div {width: 100%; padding: 0;} .right-top-pdt-wrapper {text-align: left; position: fixed; top: -28px; background: white; max-width: 100%; width: 100%; left: 0; z-index: 99;padding: 60px 1em 0; height: 120px; -webkit-box-shadow: 0px 10px 15px -4px rgba(230,230,230,1); -moz-box-shadow: 0px 10px 15px -4px rgba(230,230,230,1); box-shadow: 0px 10px 15px -4px rgba(230,230,230,1); transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;} .sticky-product .right-top-pdt-wrapper {top: 96px;} body:not(.page-index) .header-top {-webkit-box-shadow: 0px 10px 15px -4px rgba(230,230,230,1); -moz-box-shadow: 0px 10px 15px -4px rgba(230,230,230,1); box-shadow: 0px 10px 15px -4px rgba(230,230,230,1);} #product .product-prices {width: 127px; text-align: right; position: absolute; top: 2.3em; left: calc(50% - 132px);} .product-quantity .qty {position: absolute; top: 2em; left: calc(50% + 8px); margin: 0;} .product-minimal-quantity {margin: 0;} .product-quantity .add {margin: 0; width: 100%;} .product-actions .add-to-cart.btn.btn-primary {border-radius: 5px; padding: 0.5em 1em; text-transform: uppercase; width: 100%; margin-top: 1.25em; min-height: 32px;} .btn-primary {min-height: 32px;} #advanced_cms_wrapper_3 .slick-slider {padding: 0 1.5em;} .product-col-3 {padding: 0; margin-top: 0;} #blockcart-modal .btn.btn-primary {padding: 0.85em 1.2em;} .list-left-article a, .lk-all-articles {font-size: 0.85rem;} .article-container {padding: 3em 0.5em 2em;} .social-lk-wrapper {margin-bottom: 2.5rem;} #product .product-discounts {margin-top: 2rem;} #authentication #content-wrapper, #authentication.login-pro #content-wrapper {background: none;} } @media (max-width: 400px) { .h1, h1, .list-article-title a {font-size: 1.5rem;} #category #products {padding-top: 3em;} #category .footer-container {margin-top: 0;} .cart-items {padding: 0.5rem 0;} } @media (max-width: 340px) { .logo-wrapper a { width: 100px; } } .table-product-discounts { box-shadow: 2px 2px 4px 0 rgba(0,0,0,.2); border-radius: 10px; overflow: hidden; } .product-discounts > .table-product-discounts thead tr th {border: 0;} .product-discounts > .table-product-discounts tbody tr td {padding: .5rem .25rem; text-align: center; border: 0;} .product-discounts > .product-discounts-title { font-weight: 700; font-size: 1rem; } .has-discount .discount { background: #004f4b;} #product.product-id-20, #product.product-id-26 {display: none;} .sib-form {display: none;}