:root { --primary: #1FC293; --primary-rgb: 31,194,147; --secondary: #121416; --secondary-rgb: 18,20,22; } @font-face { font-family: "Poppins"; src: url("https://static-fra-2.xx.cdn.dearnex.cloud/4c60387d/0599/4746/9f0a/0cf8bb5b29eb/assets/fonts/Poppins-Regular.ttf") format("ttf"); font-weight: normal; } @font-face { font-family: "Poppins"; src: url("https://static-fra-2.xx.cdn.dearnex.cloud/4c60387d/0599/4746/9f0a/0cf8bb5b29eb/assets/fonts/Poppins-ExtraLight.ttf") format("ttf"); font-weight: 100; } @font-face { font-family: "Poppins"; src: url("https://static-fra-2.xx.cdn.dearnex.cloud/4c60387d/0599/4746/9f0a/0cf8bb5b29eb/assets/fonts/Poppins-Light.ttf") format("ttf"); font-weight: 300; } @font-face { font-family: "Poppins"; src: url("https://static-fra-2.xx.cdn.dearnex.cloud/4c60387d/0599/4746/9f0a/0cf8bb5b29eb/assets/fonts/Poppins-Bold.ttf") format("ttf"); font-weight: bold; } body { font-family: "Poppins",sans-serif; font-weight: normal; } .bg-primary { background-color: var(--primary) !important; } .bg-secondary { background-color: var(--secondary) !important; } .btn-primary { color: #ffffff; background-color: var(--primary); border-color: var(--primary) } .btn-primary.focus,.btn-primary:focus,.btn-primary:hover { color: #ffffff; background-color: #1db388; border-color: #1caf84 } .btn-primary.focus,.btn-primary:focus { box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb),.5) } .btn-primary.disabled,.btn-primary:disabled { color: #ffffff; background-color: var(--primary); border-color: var(--primary) } .btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle { color: #ffffff; background-color: #1db388; border-color: #1caf84 } .btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb),.5) } .btn-outline-primary { color: var(--primary); } .btn-outline-primary:hover { color: #fff } .btn-outline-primary { border-color: var(--primary); } .btn-outline-primary:hover { background-color: var(--primary); border-color: var(--primary) } .btn-outline-primary.focus,.btn-outline-primary:focus { box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb),.5) } .btn-outline-primary.disabled,.btn-outline-primary:disabled { color: var(--primary); background-color: transparent } .btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle { color: #ffffff; background-color: var(--primary); border-color: var(--primary) } .btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb),.5) } .btn-secondary { color: #ffffff; background-color: var(--secondary); border-color: var(--secondary) } .btn-secondary.focus,.btn-secondary:focus,.btn-secondary:hover { color: #ffffff; background-color: #111314; border-color: #101214 } .btn-secondary.focus,.btn-secondary:focus { box-shadow: 0 0 0 .2rem rgba(var(--secondary-rgb),.5) } .btn-secondary.disabled,.btn-secondary:disabled { color: #ffffff; background-color: var(--secondary); border-color: var(--secondary) } .btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle { color: #ffffff; background-color: #111314; border-color: #101214 } .btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(var(--secondary-rgb),.5) } .text-primary { color: var(--primary) !important; } .text-secondary { color: var(--secondary) !important; } .btn-link,.btn-link:hover { color: var(--primary); } .btn.focus,.btn:focus { box-shadow: none; } a { color: var(--primary); } a:hover { color: #168867; } a.bg-primary:hover,a.bg-primary:focus,a.bg-primary:active { color: #ffffff; background-color: #1db388 !important; text-decoration: none; } .alert-banner { background-color: #2d2d2d; color: #ffffff; } .navbar-header { background-color: #121416; } .navbar-header .nav-link { font-size: 13 !important; color: #999999 !important; font-weight: bold; } .navbar-header .nav-link:hover { background-color: #1FC293; color: #ffffff !important; } .breadcrumb-wrapper,.breadcrumb { background-color: #2a2c2e; color: #ffffff; font-size: 0.75rem; } .breadcrumb-item > a:hover { text-decoration: none; } .breadcrumb-item.active { color: #ffffff; } .category:hover { position: relative; text-decoration: none; } .category:hover:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255,255,255,0.4); } .category-content { position: relative; overflow: hidden; width: 100%; } .category-content .category-image-contents { position: absolute; width: 100%; height: 100%; } .category-content .category-image-contents:after { content: ''; display: block; padding-bottom: 100%; } .product-item { display: block; position: relative; color: var(--secondary); padding: 0; height: 100%; border-radius: 20px; transition: border .25s ease; } .product-item .product-item-link { text-decoration: none; color: var(--secondary); } .product-item .product-item-link:hover { text-decoration: none; color: var(--secondary); } .product-item .product-item-title { font-weight: bold; margin: 0; font-size: 0.85rem; letter-spacing: -0.2px; } .product-item .product-item-money { font-weight: bold; font-size: 0.8rem; margin: 0; } .product-item .product-item-money-offer { font-weight: bold; color: #dc3545; margin: 0; font-size: 0.75rem; } .product-item .product-item-money-original { margin: 0; font-size: 0.8rem; } .product-review-star { color: #1FC293; } .product-review-star-empty { color: #121416; } .newsletter { background-color: #1c1f22; color: #ffffff; } @media (max-width: 768px) { .product-item { padding: 0; } .product-item:hover { border: 1px solid transparent; } } .newsletter-background { background-image: url("https://static-fra-2.xx.cdn.dearnex.cloud/4c60387d/0599/4746/9f0a/0cf8bb5b29eb/assets/images/newsletter-background.jpg"); background-size: contain; background-position: top left; background-repeat: no-repeat; } .newsletter .newsletter-title { font-size: 1.5rem; color: #ffffff; font-weight: bold; margin: 0; text-transform: uppercase; } .newsletter .newsletter-description { margin: 0; } @media (max-width: 768px) { .newsletter-background { background-image: none; } } .footer { background-color: #121416; color: #ffffff; } .footer-title { border-bottom: 1px solid #5a5b5c !important; font-weight: 700; text-transform: uppercase; font-size: 1rem; line-height: 1.2; padding-bottom: 0.75rem; color: #ffffff; } .footer .nav-item a { color: #1FC293; } .footer .nav-item a:hover { color: #168867; } .footer .social-link svg { fill: #ffffff; } .copyright { background-color: #090a0b; font-size: 0.8rem; color: #ffffff; } .form-control:focus { border-color: #90e1ca; outline: 0; box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb),0.2); } .variant-selector { position: relative; } .variant-selector .variant-loading-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255,255,255,0.75); } .variation-items .variation-item { border: 3px solid transparent; } .variation-items .variation-item.active { border-color: #000; } .variation-items .variation-item-round,.variation-items .variation-item-round .circle { border-radius: 50%; }