@charset "UTF-8";
/*
Theme Name:   	CMP - Storefront Child Theme
Theme URI:      https://woocommerce.com/storefront/
Author:         The officience vietnam
Author URI:     https://officience.com/
Template:     	storefront
Description:    Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Version:      	1.0.0
License:        GNU General Public License v3 or later
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:    storefront
Tags:           e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, editor-style
*/
/*
======
Note: Do not edit this file. If you wish to add your own CSS, go to Customizer > Additional CSS.
======
*/
/* Base */
/* variable color */
/* fonts */
/*
* Mixin
*/
@keyframes load_spin { to { transform: rotate(1turn); } }
@keyframes show_block { 0% { opacity: 0; }
  100% { opacity: 1; } }
/* Animation Show Element*/
@keyframes show_block { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes show_block { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes show_block { 0% { opacity: 0; }
  100% { opacity: 1; } }
/* Screen breakpoint width*/
/*
* Global Style
*/
html { overflow-x: hidden; scroll-behavior: smooth; scroll-padding-top: 100px; }

body { padding: 0; margin: 0; font-size: 16px; color: #000000; font-family: "Source Sans Pro", sans-serif; background-color: #fafafa; }

h1, h2, h3, h4, h5, h6 { font-family: "Amiri", serif; }

h1 { font-size: 38px; font-weight: 600; color: #354267; }

h2 { font-size: 36px; font-weight: 600; }

h3 { font-size: 24px; font-weight: 500; }

h4 { font-size: 20px; font-weight: 500; }

h5, h6 { font-size: 18px; font-weight: 500; }

a { color: #000000; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a:-webkit-any-link:focus { outline-offset: unset; outline: none; }
a:focus-visible, a:focus { outline: none; outline-offset: unset; }
a:hover { text-decoration: none !important; color: #737e9c; }

.content-area .entry-title { display: none; }

:where(.columns-no-gap.wp-block-columns.is-layout-flex) { gap: 0 !important; }

:where(.columns-15-gap.wp-block-columns.is-layout-flex) { gap: 15px !important; }

.flex-direction-colum { display: flex !important; flex-direction: column !important; }
@media screen and (max-width: 781px) { .flex-direction-colum { flex-direction: unset !important; } }

/* button hamburger*/
.btn-hamburger { width: 22px; height: 14px; align-items: center; cursor: pointer; position: relative; }
@media screen and (max-width: 992px) { .btn-hamburger { display: block; } }
.btn-hamburger span { height: 2px; width: 100%; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.btn-hamburger span:first-child { top: 0; }
.btn-hamburger span:nth-child(2) { top: 50%; transform: translate(0, -50%); }
.btn-hamburger span:last-child { bottom: 0; }

.hamburger-active span:first-child { top: 6px; transition-delay: 0.1s; transform: rotate(45deg); }
.hamburger-active span:nth-child(2) { opacity: 0; }
.hamburger-active span:last-child { transform: rotate(-45deg); bottom: 6px; transition-delay: 0.1s; }

.storefront-handheld-footer-bar a { height: 50px !important; }
.storefront-handheld-footer-bar a::before { font-size: 20px !important; }
.storefront-handheld-footer-bar a .count { width: 20px !important; height: 20px !important; font-size: 10px !important; }

#overlayer { width: 100vw; height: 100vh; position: fixed; z-index: 100000; background: #ffffff; top: 0; left: 0; display: flex; justify-content: center; align-items: center; }

.loader { width: 70px; height: 70px; border-radius: 50%; background: conic-gradient(#ffffff 10%, #26304b); position: relative; animation: load_spin 0.8s infinite linear; }
.loader:after { position: absolute; width: 55px; height: 55px; background-color: #ffffff; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; }

@media screen and (max-width: 992px) { .row-revert-mobile { flex-direction: column-reverse; } }

.scroll-top { position: fixed; bottom: 75px; right: -50px; width: 36px; height: 36px; display: flex; justify-content: center; align-items: center; background-color: #26304b; z-index: 999; cursor: pointer; opacity: 0.7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.scroll-top img { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); filter: invert(1) brightness(1); width: 10px; height: auto; }
.scroll-top:hover { opacity: 1; }
@media screen and (max-width: 768px) { .scroll-top { bottom: 107px; width: 30px; height: 30px; } }

.active-scroll-top { right: 34px; }
@media screen and (max-width: 480px) { .active-scroll-top { right: 15px; } }

.background-action { background: #000000; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; z-index: -1; }

.active-background-action { visibility: visible; opacity: 0.7; z-index: 1000000; }

.show-on-mobile { display: none !important; }
@media screen and (max-width: 992px) { .show-on-mobile { display: block !important; } }

.show-on-mobile-flex { display: none !important; }
@media screen and (max-width: 992px) { .show-on-mobile-flex { display: flex !important; } }

@media screen and (max-width: 992px) { .hiden-on-mobile { display: none !important; } }

.woocommerce-breadcrumb { font-size: 16px !important; }

.woocommerce-cart .hiden-on-cart-single, .single-product .hiden-on-cart-single { display: none !important; }

.storefront-breadcrumb { margin-bottom: 20px; }

.input-password-eye { position: relative; }
.input-password-eye input { padding-right: 37px !important; }
.input-password-eye .fa { cursor: pointer; color: #8d959b; position: absolute; right: 10px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); display: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.input-password-eye .fa.active { display: block; opacity: 0.8; }
.input-password-eye .fa.active:hover { opacity: 1; }

@media screen and (max-width: 768px) { .center-mobile { text-align: center !important; justify-content: center !important; } }

.box-shadow-content { box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px; }

.box-shadow-content-hover { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.box-shadow-content-hover:hover { box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px; }

.hover-zoom-image figure { overflow: hidden; }
.hover-zoom-image figure img { width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.hover-zoom-image:hover figure img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.link-decoration:hover { text-decoration: underline !important; }

.button-theme-cmp { width: 100%; max-width: 362px; }
.button-theme-cmp a { width: 100%; font-size: 18px; line-height: 1.1; padding: 11px 20px; }

.padding-30 { padding: 30px !important; }

.padding-8-20 { padding: 8px 20px !important; }

.padding-30-60 { padding: 30px 60px !important; }
@media screen and (max-width: 992px) { .padding-30-60 { padding: 20px 15px; } }

.padding-0-90 { padding: 0 90px !important; }
@media screen and (max-width: 992px) { .padding-0-90 { padding: 0 40px !important; } }

.padding-0-45 { padding: 0 45px !important; }
@media screen and (max-width: 992px) { .padding-0-45 { padding: 0 20px !important; } }

.padding-15 { padding: 15px !important; }

.padding-30 { padding: 30px !important; }

.padding-10--0 { padding: 10px 0 !important; }

.margin-0-15 { margin: 0 15px !important; }

.margin-0-15-0 { margin: 0 0 15px 0 !important; }

.margin-top--200 { margin-top: -200px !important; }

.margin-top--150 { margin-top: -150px !important; }

.padding-none { padding: 0 !important; }

.margin-none { margin: 0 !important; }

.padding-top-none { padding-top: 0 !important; }

.padding-left-none { padding-left: 0 !important; }

.padding-right-none { padding-right: 0 !important; }

.padding-bottom-none { padding-bottom: 0 !important; }

.margin-top-none { margin-top: 0 !important; }

.margin-left-none { margin-left: 0 !important; }

.margin-right-none { margin-right: 0 !important; }

.margin-bottom-none { margin-bottom: 0 !important; }

.width-fit-content { width: fit-content !important; }

.max-width-900 { width: 100%; max-width: 900px; margin-left: auto; margin-right: auto; }

.max-width-415 { width: 100%; max-width: 415px; margin-left: auto; margin-right: auto; text-align: justify; }
@media screen and (max-width: 768px) { .max-width-415 { max-width: 100%; } }

.height-1 { height: 1px !important; margin-top: 5px !important; }

.font-weight-normal { font-weight: 400 !important; }

.font-source-sans { font-family: "Source Sans Pro", sans-serif !important; }

.font-amiri { font-family: "Amiri", serif !important; }

.text-shadow { text-shadow: 2px 1px 4px #000000; }

.p-with-separator { z-index: 2; position: relative; margin: 0 auto -10px auto !important; width: fit-content !important; padding: 0 5px !important; }

.border-radius-none { border-radius: 0 !important; }
.border-radius-none img { border-radius: 0 !important; }

.border-top-none { border-top: none !important; }

.border-bottom-none { border-bottom: none !important; }

.border-radius-circle { border-radius: 50%; overflow: hidden; }
.border-radius-circle img { border-radius: 50%; }

.z-index-0 { position: relative; z-index: 0; }

.z-index-1 { position: relative; z-index: 1; }

@media screen and (max-height: 730px) { .cover-addapt-image { min-height: 120vh !important; } }
@media screen and (max-height: 500px) { .cover-addapt-image { min-height: 140vh !important; } }

.paragraph-border-haft { padding: 20px; border: 1px solid #262f4a; width: 100%; max-width: 490px; margin: 0 auto !important; position: relative; text-align: justify; }
.paragraph-border-haft::after, .paragraph-border-haft::before { position: absolute; content: ""; background-color: #000000; width: calc(90%); left: 50%; height: 4px; top: -2px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.paragraph-border-haft::after { top: unset; bottom: -2px; }

.columns-layers { gap: 0 !important; }
@media screen and (max-width: 768px) { .columns-layers { gap: 30px !important; } }
.columns-layers .col-layer { position: relative; height: fit-content !important; z-index: 2; box-shadow: 15px 0px 3px rgba(0, 0, 0, 0.2), 40px 60px 30px rgba(0, 0, 0, 0.2); }
.columns-layers .col-layer:first-child { margin-top: 60px !important; margin-right: -30px !important; z-index: 3; }
@media screen and (max-width: 768px) { .columns-layers .col-layer:first-child { margin-right: 0 !important; margin-top: 0 !important; } }
.columns-layers .col-layer:last-child { margin-top: 30px !important; margin-left: -30px !important; z-index: 1; box-shadow: 40px 60px 30px rgba(0, 0, 0, 0.2); }
@media screen and (max-width: 768px) { .columns-layers .col-layer:last-child { margin-left: 0 !important; margin-top: 0 !important; } }
@media screen and (max-width: 480px) { .columns-layers .padding-30-60 { padding: 30px !important; } }

.text-with-separator { width: fit-content; padding: 0 2px; margin-top: -15px; margin-bottom: -9px; margin-left: auto; margin-right: auto; position: relative; text-align: center; z-index: 1; }

.group-padding-cover { padding: 15px 0; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
.group-padding-cover .wp-block-cover__inner-container { position: relative; z-index: 10; }

.colum-cover-left { position: relative; z-index: 2; }
@media screen and (max-width: 768px) { .colum-cover-left { padding-right: 0; display: flex; justify-content: center; } }

.colum-cover-right { padding-left: 20px; position: relative; z-index: 2; }
@media screen and (max-width: 768px) { .colum-cover-right { padding-left: 0; } }

figure.arrow-up { position: relative; }
figure.arrow-up::after { content: ""; position: absolute; left: 30px; bottom: 0; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #ffffff; }

.group-text-with-separator { display: flex; justify-content: space-around; }
.group-text-with-separator span { width: 100px; height: 1px; background-color: #000000; }

.icon-arraw-line { position: relative; }
.icon-arraw-line::after { position: absolute; content: url("./assets/images/icon/icon-down-line.png"); width: 18px; height: 33px; padding: 5px; border: 1px solid #000000; border-radius: 20px; bottom: -50px; left: 50%; display: flex; justify-content: center; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.wp-block-image.object-cover-image img { object-fit: cover; width: 100% !important; }

.wp-block-column.margin-top-13-percent { margin-top: 13% !important; }
@media screen and (max-width: 781px) { .wp-block-column.margin-top-13-percent { margin-top: unset !important; } }

.wp-block-columns.margin-top-minus-13-percent { margin-top: -13% !important; margin-bottom: 15px !important; }
@media screen and (max-width: 781px) { .wp-block-columns.margin-top-minus-13-percent { margin-top: unset !important; margin-bottom: unset !important; } }

.col-group-text-fix { position: relative; }
.col-group-text-fix .group-text-fix { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 25px 15px 15px; }
.col-group-text-fix .group-text-fix .wp-block-group__inner-container { display: flex; height: 100%; flex-direction: column; justify-content: space-between; }
.col-group-text-fix .group-text-fix a { color: #ffffff !important; text-decoration: none; }
.col-group-text-fix .group-text-fix a:hover { opacity: 0.8; }
.col-group-text-fix .group-text-fix .anchor-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.feature-text-left hr, .feature-text-right hr { width: 30px !important; height: 6px !important; margin-left: 0 !important; }
.feature-text-left hr.height-1, .feature-text-right hr.height-1 { height: 2px !important; }
.feature-text-left .group-heading-line-before, .feature-text-right .group-heading-line-before { margin-bottom: 10px; }
.feature-text-left .group-heading-line-before .wp-block-group__inner-container, .feature-text-right .group-heading-line-before .wp-block-group__inner-container { position: relative; }
.feature-text-left .group-heading-line-before hr, .feature-text-right .group-heading-line-before hr { width: 40px !important; height: 1px !important; position: absolute; left: -44px; top: 13px; }
.feature-text-left .group-heading-line-before .margin-left-none, .feature-text-right .group-heading-line-before .margin-left-none { margin-left: 0 !important; }
.feature-text-left p, .feature-text-right p { text-align: justify; }
.feature-text-left .group-text-left, .feature-text-right .group-text-left { padding-right: 80px; }

.feature-text-right .group-text-right { padding-left: 80px; }

.nav-right .slick-track { margin-right: 0 !important; }

.nav-left .slick-track { margin-left: 0 !important; }

.slider-main .slider-item { cursor: grabbing; }
.slider-main .slider-item img { aspect-ratio: 3/2; object-fit: cover; border-radius: 0; }

.group-count-slider { top: -10px; left: 10px; color: #a3938c; font-weight: 600; margin-top: -50px; width: 50px; height: 50px; background-color: #000000; display: flex; align-items: center; justify-content: center; font-size: 15px; position: relative; z-index: 2; }

.group-count-slider.right { left: unset; right: 10px; margin-left: auto; }

.slider-nav { padding: 0 5px; background-color: #ffffff; }
@media screen and (max-width: 768px) { .slider-nav { background-color: transparent; } }
.slider-nav .slider-item { margin: 10px 5px 0 5px; cursor: pointer; background-color: #000000; }
.slider-nav .slider-item img { aspect-ratio: 1; height: 100%; width: 100%; object-fit: cover; opacity: 0.5; border-radius: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.slider-nav .is-active { pointer-events: none; }
.slider-nav .is-active img { opacity: 1; }

.slick-arrow { position: absolute; background-image: url("./assets/images/icon/arrow-right.png"); font-size: 0; background-color: transparent !important; background-size: 10px 20px; background-repeat: no-repeat; background-position: center; width: 45px; height: 45px; border-radius: 50%; padding: 0; border: none; top: 50%; right: -8px; opacity: 0.6; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 4; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 10; }
@media screen and (max-width: 480px) { .slick-arrow { right: -4px; } }

.slick-arrow.slick-prev { background-image: url("./assets/images/icon/arrow-left.png"); right: unset; left: -6px; }
@media screen and (max-width: 480px) { .slick-arrow.slick-prev { left: -2px; } }

.slick-arrow[aria-disabled="true"] { opacity: 0.3; cursor: no-drop; }

.group-slider-syncing-1, .group-slider-syncing-2, .group-slider-syncing-3, .group-slider-syncing-4 { position: relative; z-index: 3; }

.wp-block-cover img { border-radius: 0; }

.background-light { background-color: #ffffff !important; }

.group-button-script-metal ul.list-tab-metal { list-style: none; padding: 0; margin: 0 auto; display: flex; align-items: center; justify-content: center; }
.group-button-script-metal ul.list-tab-metal li { cursor: pointer; width: calc(100% / 3 - 5px); margin: 0 5px; padding: 10px; color: #ffffff; font-size: 15px; background-color: #576488; height: auto; font-weight: bold; min-height: 59px; display: flex; align-items: center; justify-content: center; text-align: center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.group-button-script-metal ul.list-tab-metal li:hover { color: #262f4a; background-color: #f1f2f4; }
@media screen and (max-width: 992px) { .group-button-script-metal ul.list-tab-metal li { font-size: 13px; } }
@media screen and (max-width: 480px) { .group-button-script-metal ul.list-tab-metal li { font-size: 11px; font-weight: 400; } }
.group-button-script-metal ul.list-tab-metal li.active { pointer-events: none; color: #262f4a; background-color: #f1f2f4; }
.group-button-script-metal ul.list-tab-metal li.active .under { position: relative; }
.group-button-script-metal ul.list-tab-metal li.active .under::after { bottom: -15px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); position: absolute; content: ""; width: 100%; height: 1px; background-color: #576488; }
@media screen and (max-width: 992px) { .group-button-script-metal ul.list-tab-metal li.active .under::after { bottom: -11px; } }
.group-button-script-metal ul.list-tab-metal .first { font-size: 19px; }
@media screen and (max-width: 992px) { .group-button-script-metal ul.list-tab-metal .first { font-size: 14px; } }

.button-script-metal-active a { background-color: #ffffff !important; color: #000000 !important; }

.button-link { width: fit-content; padding: 5px 15px !important; font-size: 14px !important; border: 1px solid #727c9a; font-weight: 600; color: #727c9a; background-color: transparent; display: flex; align-items: center; justify-content: center; height: auto; min-height: 34px; line-height: 1.1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.button-link .arrow-link-custom { display: flex; align-items: center; justify-content: center; width: 14px; height: 14px; margin-left: 8px; background-color: #727c9a; }
.button-link .arrow-link-custom img { width: 6px !important; height: auto !important; margin: 0 !important; }
.button-link:hover { background-color: #727c9a; color: #fafafa !important; text-decoration: none !important; }

.banner-shop { display: none; background-repeat: no-repeat; background-size: cover; background-position: center; padding: 30px 0; }
.banner-shop .content-group { width: 60%; height: auto; min-height: 200px; display: flex; align-items: flex-end; }
.banner-shop .content-group .heading { line-height: 1; font-size: 30px; color: #000000; font-weight: 600; margin-bottom: 15px; }
@media screen and (max-width: 992px) { .banner-shop .content-group .heading { font-size: 28px; } }
.banner-shop .content-group .description { width: 100%; max-width: 720px; }

/* Modal popup*/
.modal-preview-image-slider { top: 0; left: 0; position: fixed; width: 100%; height: 100vh; background-color: #000000; opacity: 0; visibility: hidden; z-index: -1; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.modal-preview-image-slider .slick-track { display: flex !important; }
.modal-preview-image-slider .slick-track .slick-slide { height: initial; }
.modal-preview-image-slider .body-modal { width: calc(100% - 80px); height: calc(100vh - 80px); position: relative; margin: 0 auto; top: 50%; overflow-y: auto; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
@media screen and (max-width: 992px) { .modal-preview-image-slider .body-modal { width: calc(100% - 30px); } }
.modal-preview-image-slider .body-modal .group-content-data-list, .modal-preview-image-slider .body-modal .group-content-data-list-table { height: 100%; width: 100%; }
.modal-preview-image-slider .item-img-main-pro-preview, .modal-preview-image-slider .img-single-pro { width: 100%; height: 100%; overflow: auto; scrollbar-width: thin; scrollbar-color: #1a1a1a #000000; margin: 0 2px; /* Chrome, edge */ }
.modal-preview-image-slider .item-img-main-pro-preview::-webkit-scrollbar, .modal-preview-image-slider .img-single-pro::-webkit-scrollbar { width: 4px; }
.modal-preview-image-slider .item-img-main-pro-preview::-webkit-scrollbar-track, .modal-preview-image-slider .img-single-pro::-webkit-scrollbar-track { background: #000000; }
.modal-preview-image-slider .item-img-main-pro-preview::-webkit-scrollbar-thumb, .modal-preview-image-slider .img-single-pro::-webkit-scrollbar-thumb { background: #1a1a1a; }
.modal-preview-image-slider .item-img-main-pro-preview img, .modal-preview-image-slider .img-single-pro img { width: 100%; max-width: 100%; height: 100%; object-fit: contain; object-position: center; }
.modal-preview-image-slider .img-single-pro { margin: 0; }
.modal-preview-image-slider .close-preview { position: absolute; top: 0; right: 0; padding: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; z-index: 1; background-color: #000000; }
.modal-preview-image-slider .slick-arrow.slick-prev { left: 0; }
.modal-preview-image-slider .slick-arrow.slick-next { right: 0; }
.modal-preview-image-slider.active-popup-preview { opacity: 1; visibility: visible; z-index: 100000000; }

.popup-choose-page-register { background-color: #ffffff; border-radius: 5px; width: 100%; top: -30px; left: 0; position: absolute; color: #000000; font-size: 15px; visibility: hidden; opacity: 0; z-index: -1; transform-origin: center; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.popup-choose-page-register .group-content-popup { padding: 25px 28px 30px; width: 100%; height: 100%; position: relative; }
.popup-choose-page-register .group-content-popup .btn-close-popup { position: absolute; top: 13px; right: 13px; cursor: pointer; }
.popup-choose-page-register .group-content-popup .btn-close-popup img { width: 12px; height: auto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.popup-choose-page-register .group-content-popup .btn-close-popup img:hover { opacity: 0.6; }
.popup-choose-page-register .group-content-popup .popup-title { font-size: 15px; font-weight: 600; margin-bottom: 15px; line-height: 1.3; }
.popup-choose-page-register .group-content-popup .group-radio-select { margin-bottom: 20px; }
.popup-choose-page-register .group-content-popup .group-radio-select .item-radio-select { font-size: 14px; color: #575757; position: relative; padding-left: 25px; font-weight: 500; line-height: 1.4; width: fit-content; cursor: pointer; margin-bottom: 8px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.popup-choose-page-register .group-content-popup .group-radio-select .item-radio-select::before { content: ""; position: absolute; top: 50%; left: 0; width: 15px; height: 15px; border-radius: 50%; background-color: #d9d9d9; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.popup-choose-page-register .group-content-popup .group-radio-select .item-radio-select.active { color: #000000; }
.popup-choose-page-register .group-content-popup .group-radio-select .item-radio-select.active::before { background-color: #47547c; }
.popup-choose-page-register .group-content-popup .group-radio-select .item-radio-select:hover::before { background-color: #47547c; }
.popup-choose-page-register .group-content-popup .popup-btn-link { text-decoration: none; background-color: #47547c; color: #ffffff; font-size: 15px; text-align: center; display: block; margin: 0 auto; border-radius: 5px; width: fit-content; padding: 12px 20px 13px 20px; line-height: 1; min-width: 89px; }
.popup-choose-page-register .group-content-popup .popup-btn-link:hover { background-color: #737e9c; color: #ffffff !important; }
.popup-choose-page-register.active-popup { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; z-index: 50; }

.bg-popup-register { background-color: #000000; opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100vh; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.bg-popup-register.active { opacity: 1; visibility: visible; z-index: 1000; opacity: 0.6; }

/* zoomLens elevatezoom*/
.zoomWindowContainer .zoomWindow { animation: show_block 0.5s forwards; border: none !important; margin-left: 10px !important; }

.single.single-product .zoomWindowContainer .zoomWindow { animation: unset; margin-left: unset !important; }

.tab-price-content hr { margin-bottom: 30px; }
@media screen and (max-width: 992px) { .tab-price-content hr { margin: 0 auto 30px auto !important; width: calc(100% - 20px) !important; } }

.group-selected-item-metal { display: flex; background-color: #6a491c; color: #ffffff; font-size: 18px; font-weight: 600; letter-spacing: 0.03rem; align-items: center; position: relative; z-index: 1; margin: 30px 0 -40px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media screen and (max-width: 992px) { .group-selected-item-metal { font-size: 16px; } }
@media screen and (max-width: 480px) { .group-selected-item-metal { font-size: 13px; } }
.group-selected-item-metal .group-list { padding: 0 15px; width: 80%; position: relative; }
@media screen and (max-width: 992px) { .group-selected-item-metal .group-list { width: 65%; } }
.group-selected-item-metal .group-list .scroll-bar-btn, .group-selected-item-metal .group-list .scroll-bar-btn-1 { cursor: pointer; opacity: 0; visibility: hidden; position: absolute; width: 40px; height: 100%; top: 0; left: 0; font-size: 0; background-image: url("./assets/images/icon/arrow-left.png"); background-repeat: no-repeat; background-size: auto 18px; background-position: center; background-color: #6a491c; }
.group-selected-item-metal .group-list .scroll-bar-btn.next, .group-selected-item-metal .group-list .scroll-bar-btn-1.next { right: 0; left: unset; background-image: url("./assets/images/icon/arrow-right.png"); }
.group-selected-item-metal .group-list .scroll-bar-btn.active, .group-selected-item-metal .group-list .scroll-bar-btn-1.active { visibility: visible; opacity: 1; }
.group-selected-item-metal .list-item-selected { display: flex; align-items: center; margin: 0; padding: 0; width: 100%; list-style: none; overflow-x: auto; /* Hide scrollbar for Chrome, Safari and Opera */ -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }
.group-selected-item-metal .list-item-selected::-webkit-scrollbar { display: none; }
.group-selected-item-metal .list-item-selected .item { width: fit-content; white-space: nowrap; padding: 10px 0 10px 0; margin: 0 30px 0 29px; white-space: nowrap; display: inline-block; position: relative; }
.group-selected-item-metal .list-item-selected .item::after { content: ""; height: calc(100% - 18px); background-color: #ffffff; width: 1px; position: absolute; right: -30px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.group-selected-item-metal .list-item-selected .item:first-child { margin-left: 0; }
.group-selected-item-metal .list-item-selected .item:last-child { margin-right: 0; }
.group-selected-item-metal .list-item-selected .item:last-child::after { display: none; }
.group-selected-item-metal .list-item-selected .item .count-item { padding-right: 15px; }
.group-selected-item-metal .total-selected { border-left: 10px solid #f1f2f4; width: 20%; padding: 10px 15px; background-color: #6a491c; }
.group-selected-item-metal .total-selected .oversize { overflow-x: auto; white-space: nowrap; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }
.group-selected-item-metal .total-selected .oversize::-webkit-scrollbar { display: none; }
@media screen and (max-width: 992px) { .group-selected-item-metal .total-selected { width: 35%; } }
.group-selected-item-metal.default-not-show { position: fixed; visibility: hidden; opacity: 0; top: -200px; width: 100%; }

.sticky-group.sticky { position: fixed; top: 124px; left: 0; width: 100%; z-index: 100; }
.sticky-group.sticky .group-selected-item-metal { box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; margin-top: 0; }
@media screen and (max-width: 992px) { .sticky-group.sticky { top: 109px; } }

.nav-tab-price-wrapper { position: relative; z-index: 3; }

@media screen and (max-width: 992px) { .group-table-metal-graph table.table-metal-graph { margin: -10px auto 0 auto !important; width: 100%; } }
.group-table-metal-graph table.table-metal-graph td { min-width: 170px !important; }
.group-table-metal-graph table.table-metal-graph td.quantite-script-metal { width: 10% !important; min-width: 174px !important; }
.group-table-metal-graph table.table-metal-graph td.quantite-script-metal .quantity { display: flex; width: calc(38px * 3); margin: 0 !important; position: relative; z-index: 2; top: -1px; }
@media screen and (max-width: 768px) { .group-table-metal-graph table.table-metal-graph td.quantite-script-metal .quantity { float: right; } }
.group-table-metal-graph table.table-metal-graph td.quantite-script-metal .quantity input { border: 1px solid #58678c !important; background-color: #ffffff !important; height: 38px; width: 38px; }
.group-table-metal-graph table.table-metal-graph td.quantite-script-metal .quantity input::-webkit-outer-spin-button, .group-table-metal-graph table.table-metal-graph td.quantite-script-metal .quantity input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.group-table-metal-graph table.table-metal-graph td.quantite-script-metal .quantity input[type="number"] { -moz-appearance: textfield; }
.group-table-metal-graph table.table-metal-graph td.quantite-script-metal .quantity .btn-plus-qty, .group-table-metal-graph table.table-metal-graph td.quantite-script-metal .quantity .btn-minus-qty { display: flex; align-items: center; justify-content: center; cursor: pointer; width: 38px; height: 38px; border: 1px solid #58678c; font-size: 16px; color: #ffffff; background-color: #58678c; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.group-table-metal-graph table.table-metal-graph td.quantite-script-metal .quantity .btn-plus-qty:hover, .group-table-metal-graph table.table-metal-graph td.quantite-script-metal .quantity .btn-minus-qty:hover { background-color: #737e9c; color: #ffffff; }
.group-table-metal-graph table.table-metal-graph td.quantite-script-metal .quantity .btn-plus-qty::-moz-selection, .group-table-metal-graph table.table-metal-graph td.quantite-script-metal .quantity .btn-minus-qty::-moz-selection { /* Code for Firefox */ color: inherit; background: transparent; }
.group-table-metal-graph table.table-metal-graph td.quantite-script-metal .quantity .btn-plus-qty::selection, .group-table-metal-graph table.table-metal-graph td.quantite-script-metal .quantity .btn-minus-qty::selection { color: inherit; background: transparent; }
.group-table-metal-graph table.table-metal-graph td.quantite-script-metal .quantity .btn-plus-qty { border-left: none; }
.group-table-metal-graph table.table-metal-graph td.quantite-script-metal .quantity .btn-minus-qty { border-right: none; }
.group-table-metal-graph table.table-metal-graph td.quantite-script-metal .quantity::before { display: none !important; }
.group-table-metal-graph table.table-metal-graph td:first-child { width: 40% !important; min-width: 300px !important; }
.group-table-metal-graph table.table-metal-graph td.font-size-price { font-size: 20px; width: 25% !important; min-width: 150px !important; }
@media screen and (max-width: 768px) { .group-table-metal-graph table.table-metal-graph td.font-size-price { font-size: 17px; } }

.zoom-image-table.disable-zoom { pointer-events: none; }

.group-content-img-table { width: 100%; display: flex; align-items: center; }
.group-content-img-table .content-img { width: 90px; }
.group-content-img-table .content-img img { aspect-ratio: 1; object-fit: cover; margin: 0; border-radius: 0; }
.group-content-img-table .content { padding-left: 15px; width: calc(100% - 90px); }
.group-content-img-table .content .name-product { font-size: 20px; line-height: 1.1; font-weight: 600; margin-bottom: 6px; }
@media screen and (max-width: 768px) { .group-content-img-table .content .name-product { font-size: 18px; } }
.group-content-img-table .content .name-popup-table-metal-graph { cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.group-content-img-table .content .name-popup-table-metal-graph:hover { color: #737e9c; }
.group-content-img-table .content .group-weight-purity { display: flex; }
.group-content-img-table .content .group-weight-purity div { line-height: 1.1; font-size: 18px; color: #737e9c; font-weight: 400; margin-right: 20px; letter-spacing: 0.5px; }
@media screen and (max-width: 768px) { .group-content-img-table .content .group-weight-purity div { font-size: 17px; } }
.group-content-img-table .content .group-weight-purity div:last-child { margin-right: 0; }
.group-content-img-table .content .group-weight-purity .weight.none { display: none; }

.loader-wrapper-tablel { width: 100%; height: 150px; display: flex; align-items: center; justify-content: center; position: relative; }
.loader-wrapper-tablel .tt-loader { position: absolute; background-image: url("./assets/images/icon/loading.gif"); background-position: center; background-repeat: no-repeat; background-size: contain; width: 25px; height: 25px; z-index: 1; }

.show-password-input::after { color: #8d959b; }

.can-not-addToCart { opacity: 0.5; pointer-events: none !important; }

/** Update form Editor css additionel **/
#primary { min-height: 200px; }

@media screen and (min-width: 991px) and (min-height: 750px) { #primary { min-height: 320px; } }
.storefront-handheld-footer-bar, .woocommerce-lost-password #secondary, .page-template-template-myaccount #secondary { display: none !important; }

.woocommerce-lost-password #primary.content-area, .page-template-template-myaccount #primary.content-area { width: 100%; float: unset; }

.tooltip-hover { position: relative; }
.tooltip-hover .tooltip-cmp { visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; top: -24px; left: 0; position: absolute; width: fit-content; padding: 1px 8px; border: #576488; z-index: 999; display: block; background: #fff; border: 1px solid; font-size: 12px; font-style: italic; color: #000000; font-weight: 600; }
.tooltip-hover input { position: relative; z-index: 1; }
.tooltip-hover .tool-tip-click { top: 0; left: 0; position: absolute; z-index: 2; width: 100%; height: 100%; display: block; }
.tooltip-hover:hover .tooltip-cmp { opacity: 1; visibility: visible; }

.woocommerce-lost-password .tooltip-hover .tooltip-cmp { top: 8px; }

.hidden { display: none !important; }

/* special padding */
.woocommerce-account .customer_login_register, .woocommerce-ResetPassword.lost_reset_password { padding: 50px 0; }

.hu-dropdown-toggle[name="hu-cookies-notice-consent-duration"] { border: none !important; }

.fa { font-family: "Font Awesome 5 Free" !important; }

/* align item */
.col-group-text-fix figure { display: flex; justify-content: center; }

.page-template-template-register .col-right-bg .forminator-field, .woocommerce-account .col-right-bg .forminator-field { align-items: unset; }

.wp-block-cover img { border-radius: 0 !important; }

.zoomContainer { z-index: 998 !important; }

.zoom-img-table-active, .zoom-img-table { cursor: pointer; }

.grecaptcha-badge { visibility: hidden !important; opacity: 0 !important; }

.group-border-heading hr { height: 1px !important; }

.group-list-category { width: 75% !important; }
@media screen and (max-width: 1200px) { .group-list-category { width: 90% !important; } }

.group-register .button-register { font-size: 16px !important; font-weight: 400 !important; line-height: 1.1; padding: 9px 16px 10px 16px !important; background-color: transparent !important; border: 1px solid #ffffff; display: block; margin-bottom: 15px; width: auto; min-width: 141px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.group-register .button-register::-moz-selection { /* Code for Firefox */ color: inherit; background: transparent; }
.group-register .button-register::selection { color: inherit; background: transparent; }
.group-register .button-register:hover { border-color: #58658a !important; background-color: #58658a !important; }

/* Register not finish */
body.logged-in { padding-top: 115px !important; }
@media screen and (max-width: 992px) { body.logged-in { padding-top: 96px !important; } }
@media screen and (max-width: 601px) { body.logged-in { padding-top: 50px !important; } }
@media screen and (max-width: 601px) { body.logged-in .navigation-menu-action { top: 90px !important; } }
@media screen and (max-width: 375px) { body.logged-in .navigation-menu-action { top: 120px !important; } }
body.register-not-finish .site-header::before { display: block !important; position: absolute; z-index: 999; width: 100%; height: calc(100% + 2px) !important; background-color: #000000; opacity: 0.6; content: ""; top: 0; left: 0; }
body.register-not-finish.logged-in .navigation-after-login { z-index: 1000; }
body.register-not-finish.logged-in .header .group-navigation::after { z-index: 999; }
body.register-not-finish.logged-in .header .menu-menu-after-login-container, body.register-not-finish.logged-in .header .group-cart-nofitication-after-login { position: relative; }
body.register-not-finish.logged-in .header .menu-menu-after-login-container::before, body.register-not-finish.logged-in .header .group-cart-nofitication-after-login::before { position: absolute; content: ""; width: 100%; height: calc(100% + 10px); left: -6px; top: -5px; z-index: 1000; background-color: #000000; opacity: 0.6; }
@media screen and (max-width: 1030px) { body.register-not-finish.logged-in .header .menu-menu-after-login-container::before, body.register-not-finish.logged-in .header .group-cart-nofitication-after-login::before { top: -5px; height: calc(100% + 11px); } }
body.register-not-finish.logged-in .header .group-cart-nofitication-after-login::before { width: calc(100% + 1000px); }
@media screen and (max-width: 1030px) { body.register-not-finish.logged-in .header .group-cart-nofitication-after-login::before { height: calc(100% + 10px); } }
@media screen and (max-width: 992px) { body.register-not-finish.logged-in .header .group-cart-nofitication-after-login::before { display: none; } }
body.register-not-finish.logged-in .header .group-cart-nofitication-after-login .item-content:last-child { position: relative; z-index: 1000; }
@media screen and (max-width: 992px) { body.register-not-finish.logged-in .header .group-cart-nofitication-after-login .item-content:last-child { z-index: 0; } }
body.register-not-finish.logged-in .header .group-cart-nofitication-after-login .item-content .logout-url-after-login { background-color: #707b9a !important; }
body.register-not-finish.logged-in .btn-hamburger { position: relative; z-index: 1000; }
body.register-not-finish.logged-in .btn-hamburger span { background-color: #d1dbf7 !important; }
body.register-not-finish.logged-in .navigation-menu-action { position: relative; }
body.register-not-finish.logged-in .navigation-menu-action::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 4px; z-index: 999; background-color: #000000; opacity: 0.6; }
body.register-not-finish.logged-in .navigation-menu-action .mobile-nofitication-after-login { position: relative; z-index: 1000; }
body.register-not-finish.logged-in .navigation-menu-action .mobile-nofitication-after-login .logout-url-after-login { background-color: #707b9a !important; }
body.register-not-finish .banner-after-login { position: relative; }
body.register-not-finish .banner-after-login .nav-tab-wrapper { z-index: 101; }
body.register-not-finish .banner-after-login::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.6; content: ""; z-index: 100; }
body.register-not-finish .footer-after-login { position: relative; }
body.register-not-finish .style-before-foo { position: absolute; width: 100%; height: 100%; z-index: 995; background-color: #000000; opacity: 0.6; top: 0; left: 0; }

/** end Update form Editor css additionel**/
@media screen and (max-width: 767px) { h1, h1.wp-block-heading { font-size: 36px !important; }
  h2, h2.wp-block-heading { font-size: 28px !important; }
  h3, h3.wp-block-heading { font-size: 22px !important; }
  h4, h4.wp-block-heading { font-size: 18px !important; }
  h5, h6, h5.wp-block-heading, h6.wp-block-heading { font-size: 17px !important; }
  .padding-right-on-mobile { padding-right: 15px !important; }
  .padding-left-on-mobile { padding-left: 15px !important; } }
@media screen and (max-width: 601px) { #wpadminbar { height: 0 !important; position: fixed; }
  #wpadminbar .quicklinks { display: none !important; } }
@media screen and (max-width: 767px) { .spacer-0 { height: 0 !important; }
  .spacer-10 { height: 10px !important; }
  .spacer-20 { height: 20px !important; }
  .spacer-30 { height: 30px !important; }
  .spacer-40 { height: 40px !important; }
  .spacer-50 { height: 50px !important; }
  .spacer-60 { height: 60px !important; }
  .spacer-70 { height: 70px !important; }
  .spacer-80 { height: 80px !important; }
  .spacer-90 { height: 90px !important; }
  .spacer-100 { height: 100px !important; }
  .spacer-110 { height: 110px !important; }
  .spacer-120 { height: 120px !important; }
  .spacer-130 { height: 130px !important; }
  .spacer-140 { height: 140px !important; }
  .spacer-150 { height: 150px !important; }
  .spacer-160 { height: 160px !important; }
  .spacer-170 { height: 170px !important; }
  .spacer-180 { height: 180px !important; }
  .spacer-190 { height: 190px !important; }
  .spacer-200 { height: 200px !important; } }
@media screen and (max-width: 575px) { p { font-size: 16px !important; }
  p.title { font-size: 28px !important; font-weight: 500; } }
/*container 1120 on screen 1440px*/
@media screen and (min-width: 992px) { .container { max-width: 1100px; }
  .logged-in .container { max-width: 1100px; } }
@media screen and (min-width: 1200px) { .container { max-width: 1200px; }
  .logged-in .container { max-width: 1230px; } }
@media screen and (min-width: 1440px) { .container { max-width: 1230px; }
  .logged-in .container { max-width: 1430px; } }
/* Form */
body input[type="text"], body input[type="number"], body input[type="email"], body input[type="tel"], body input[type="url"], body input[type="password"], body input[type="search"], body input[type="date"], body textarea, body select, body .input-text { box-shadow: unset; border: 1px solid #000000 !important; background-color: #ffffff; border-radius: 0 !important; }
body input[type="text"]::placeholder, body input[type="number"]::placeholder, body input[type="email"]::placeholder, body input[type="tel"]::placeholder, body input[type="url"]::placeholder, body input[type="password"]::placeholder, body input[type="search"]::placeholder, body input[type="date"]::placeholder, body textarea::placeholder, body select::placeholder, body .input-text::placeholder { color: #000000 !important; }
body input[type="text"]:focus, body input[type="text"]:focus-visible, body input[type="number"]:focus, body input[type="number"]:focus-visible, body input[type="email"]:focus, body input[type="email"]:focus-visible, body input[type="tel"]:focus, body input[type="tel"]:focus-visible, body input[type="url"]:focus, body input[type="url"]:focus-visible, body input[type="password"]:focus, body input[type="password"]:focus-visible, body input[type="search"]:focus, body input[type="search"]:focus-visible, body input[type="date"]:focus, body input[type="date"]:focus-visible, body textarea:focus, body textarea:focus-visible, body select:focus, body select:focus-visible, body .input-text:focus, body .input-text:focus-visible { box-shadow: unset !important; outline: none !important; }
body select { cursor: pointer; display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.page-template-template-register input[type="text"], .page-template-template-register input[type="number"], .page-template-template-register input[type="email"], .page-template-template-register input[type="tel"], .page-template-template-register input[type="url"], .page-template-template-register input[type="password"], .page-template-template-register input[type="search"], .page-template-template-register input[type="date"], .page-template-template-register textarea, .page-template-template-register select, .page-template-template-register .input-text { border: none !important; }
.page-template-template-register input[type="text"]::placeholder, .page-template-template-register input[type="number"]::placeholder, .page-template-template-register input[type="email"]::placeholder, .page-template-template-register input[type="tel"]::placeholder, .page-template-template-register input[type="url"]::placeholder, .page-template-template-register input[type="password"]::placeholder, .page-template-template-register input[type="search"]::placeholder, .page-template-template-register input[type="date"]::placeholder, .page-template-template-register textarea::placeholder, .page-template-template-register select::placeholder, .page-template-template-register .input-text::placeholder { color: #7b868f !important; font-style: italic; }
.page-template-template-register .select2-selection__rendered { padding: 10px 5px 9px 14px !important; }
.page-template-template-register .forminator-icon-calendar { top: calc(50% + 5px) !important; }

input[type="checkbox"]:focus, input[type="checkbox"]:focus-visible, input[type="radio"]:focus, input[type="radio"]:focus-visible { outline: none !important; }

.form-row.woocommerce-invalid input.input-checkbox { outline-offset: 0; outline-style: auto !important; outline: 1px solid #e2401c; }

.validate_msg_err { display: block; width: 100%; margin-top: 3px; line-height: 1; font-size: 12px; color: red; font-style: italic; }

/* Site*/
/*
* style header
*/
.header { padding: 15px 0; width: 100%; position: fixed; left: 0; top: 0; z-index: 999; box-shadow: rgba(149, 157, 165, 0) 0px 8px 24px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-bottom: 0 !important; }
@media screen and (max-width: 992px) { .header { padding: 0; } }
.header .header-main { display: flex; justify-content: space-between; align-items: center; }
@media screen and (max-width: 992px) { .header .header-main { padding: 10px 0; } }
.header .col-left { display: flex; height: initial; }
.header .col-right { height: initial; }
.header .col-right .group-content { height: 100%; margin-left: 15px; display: flex; flex-direction: column; justify-content: space-between; }
.header .group-infor { display: flex; justify-content: flex-end; }
.header .site-logo { height: 100%; }
.header .site-logo img { max-width: 196px; height: auto; }
@media screen and (max-width: 992px) { .header .site-logo img { width: 130px; } }
.header .link-home-title { font-size: 28px; font-weight: bold; }
.header .group-navigation { display: flex; justify-content: flex-end; align-items: center; position: relative; }
.header .group-navigation::after { position: absolute; content: ""; background-color: #f6f2ef; width: calc(100% + 300%); height: calc(100% + 10px); left: 0; top: -5px; z-index: 1; }

.header.active-box-shadow { box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px; }

.navigation { position: relative; z-index: 2; }
.navigation .main-navigation-desktop { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; list-style: none; margin: 0 !important; padding: 0; width: fit-content !important; float: unset !important; clear: unset !important; }
.navigation .main-navigation-desktop .nav-item-link { display: inline-block; padding: 11px 20px 12px 20px; line-height: 1; font-weight: 500; font-size: 15px; text-transform: uppercase; }
@media screen and (max-width: 1320px) { .navigation .main-navigation-desktop .nav-item-link { padding: 11px 18px 12px 18px; font-size: 14px; } }
@media screen and (max-width: 1200px) { .navigation .main-navigation-desktop .nav-item-link { font-size: 13px; padding: 10px 11px 11px 11px; } }
.navigation .nav-item { position: relative !important; }
.navigation .nav-item[data-depth="0"]:first-child { margin-left: 22px; }
@media screen and (max-width: 1200px) { .navigation .nav-item[data-depth="0"]:first-child { margin-left: 14px; } }
.navigation .nav-item[data-depth="0"]:nth-last-child(2) .dropdown-menu-custom[data-depth="0"] { left: unset; right: 22px; }
.navigation .nav-item[data-depth="0"]:last-child { margin-left: 22px; }
@media screen and (max-width: 1200px) { .navigation .nav-item[data-depth="0"]:last-child { margin-left: 14px; } }
.navigation .nav-item[data-depth="0"]:last-child a { padding: 0; display: block; width: 160px; height: 48px; background-color: #58658a; font-size: 0; position: relative; }
.navigation .nav-item[data-depth="0"]:last-child a::before, .navigation .nav-item[data-depth="0"]:last-child a::after { content: ""; position: absolute; width: 70%; height: 100%; top: 0; left: 0; background-image: url("./assets/images/logo/logo-login.png"); background-color: #58658a; background-position: 15px 50%; background-repeat: no-repeat; background-size: auto 30px; padding: 9px 10px 9px 15px; }
.navigation .nav-item[data-depth="0"]:last-child a::after { background-image: url("./assets/images/icon/icon-login.png"); background-color: #354267; background-size: 18px; background-position: calc(50% - 2px) 50%; width: 30%; right: 0; left: unset; }
.navigation .nav-item-link .menu-toggle { display: flex; align-items: center; position: absolute; right: 7px; top: 0; height: 100%; }
.navigation .nav-item-link .menu-toggle img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0.95; }
.navigation .nav-item-link .menu-toggle[data-depth="0"] { display: none; }
.navigation .nav-item-link .menu-toggle.show-action img { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
.navigation .dropdown-menu-custom { list-style: none; padding: 5px 0; margin: 4px 0 0 0; position: absolute !important; width: 182px; z-index: 100; box-shadow: rgba(60, 64, 67, 0.1) 0px 1px 2px 0px, rgba(60, 64, 67, 0.1) 0px 2px 6px 2px; float: unset !important; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.navigation .dropdown-menu-custom a.nav-item-link { padding: 9px 22px; font-size: 16px; width: 100%; text-transform: none; }
@media screen and (max-width: 1200px) { .navigation .dropdown-menu-custom a.nav-item-link { font-size: 15px; padding: 8px 20px; } }
.navigation .show-submenu.dropdown-menu-custom { opacity: 1; visibility: visible; }
.navigation .dropdown-menu-custom[data-depth="0"] { left: 0; }

.group-header-infor { display: flex; flex-wrap: wrap; justify-content: flex-end; width: fit-content; height: fit-content; margin-bottom: 30px; }
.group-header-infor .item-infor { font-weight: 500; font-size: 13px; line-height: 1.2; }
.group-header-infor .item-infor a { color: #999999; }
.group-header-infor .item-infor a:hover { color: #000000; }
.group-header-infor .item-infor:last-child { margin-left: 25px; }
.group-header-infor .item-infor i.fa-phone { -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); font-size: 12px; margin-right: -2px; }
.group-header-infor .item-infor i { padding-right: 2px; }

.navigation-menu-action { margin-top: -2px; background-color: #f6f2ef; position: fixed; z-index: 998; width: 100%; height: 0; overflow: hidden; box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.navigation-menu-action #mobile-navigation { padding: 30px 0; }
.navigation-menu-action .mobile-navigation { list-style: none; padding: 0; margin: 0; }
.navigation-menu-action .mobile-navigation .nav-item a { padding: 10px 0; display: inline-block; }
.navigation-menu-action .mobile-navigation .nav-item[data-depth="0"]:last-child { text-align: center; margin: 10px 0; }
.navigation-menu-action .mobile-navigation .nav-item[data-depth="0"]:last-child:last-child a { margin-left: auto; margin-right: auto; margin-bottom: 20px; padding: 0; width: 160px; padding: 0; display: block; height: 48px; background-color: #58658a; font-size: 0; position: relative; }
.navigation-menu-action .mobile-navigation .nav-item[data-depth="0"]:last-child:last-child a::before, .navigation-menu-action .mobile-navigation .nav-item[data-depth="0"]:last-child:last-child a::after { content: ""; position: absolute; width: 70%; height: 100%; top: 0; left: 0; background-image: url("./assets/images/logo/logo-login.png"); background-color: #58658a; background-position: 15px 50%; background-repeat: no-repeat; background-size: auto 30px; padding: 9px 10px 9px 15px; }
.navigation-menu-action .mobile-navigation .nav-item[data-depth="0"]:last-child:last-child a::after { background-image: url("./assets/images/icon/icon-login.png"); background-color: #354267; background-size: 18px; background-position: calc(50% - 2px) 50%; width: 30%; right: 0; left: unset; }
.navigation-menu-action .mobile-navigation .dropdown-menu-custom { position: absolute; opacity: 0; visibility: hidden; display: block; padding: 0; width: 100% !important; list-style: none; }
.navigation-menu-action .mobile-navigation .dropdown-menu-custom li { width: 100%; }
.navigation-menu-action .mobile-navigation .dropdown-menu-custom li a { padding: 6px 25px; }
.navigation-menu-action .mobile-navigation .menu-item-has-children[data-depth="0"] { position: relative; }
.navigation-menu-action .mobile-navigation .menu-toggle { display: none; }
.navigation-menu-action .mobile-navigation .menu-toggle[data-depth="0"] { cursor: pointer; display: block; position: absolute; top: 0; right: 4px; border: unset; width: 44px; height: 44px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.navigation-menu-action .mobile-navigation .menu-toggle[data-depth="0"]::after { position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); content: "+"; line-height: 44px; font-size: 25px; }
.navigation-menu-action .mobile-navigation .menu-toggle[data-depth="0"].menu-toggle-close { display: none; }
.navigation-menu-action .mobile-navigation .menu-toggle[data-depth="0"].menu-toggle-close::after { content: "-"; }
.navigation-menu-action .mobile-navigation .menu-item-has-children .dropdown-menu-custom.submenu-active { position: static; visibility: visible; opacity: 1; }

.header-top { background-color: #f6f2ef; }
.header-top .group-header-infor { margin-bottom: 0; background-color: transparent; }
.header-top .group-header-infor .item-infor { padding: 7px 0; }
.header-top .group-header-infor .item-infor:last-child { margin-left: 20px; }

.logged-in .header-top, .logged-in .navigation-menu-action { background-color: #f2f3f5; }
.logged-in .header .header-main { align-items: flex-end; }
@media screen and (max-width: 992px) { .logged-in .header .header-main { align-items: center; } }
.logged-in .header .site-logo img { width: 106px; height: auto; }
@media screen and (max-width: 1200px) { .logged-in .header .site-logo img { width: 90px; } }
.logged-in .header .group-navigation::after { background-color: #f2f3f5; left: -6px; }
.logged-in .navigation-after-login { display: flex; align-items: center; }
.logged-in .navigation .main-navigation-desktop { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; }
.logged-in .navigation .main-navigation-desktop .nav-item-link { font-size: 15px !important; text-transform: unset; padding: 16px 20px 17px 20px; }
@media screen and (min-width: 1441px) { .logged-in .navigation .main-navigation-desktop .nav-item-link { padding: 16px 23px 17px 23px; } }
@media screen and (max-width: 1212px) { .logged-in .navigation .main-navigation-desktop .nav-item-link { font-size: 13px !important; padding: 17px 23px 18px 23px; } }
@media screen and (max-width: 1200px) { .logged-in .navigation .main-navigation-desktop .nav-item-link { padding: 13px 15px 14px 15px; } }
@media screen and (max-width: 1030px) { .logged-in .navigation .main-navigation-desktop .nav-item-link { font-size: 12px !important; } }
.logged-in .navigation .nav-item[data-depth="0"] { margin: 0; position: relative; }
.logged-in .navigation .nav-item[data-depth="0"]::after { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); right: 0; content: ""; background-color: #cfd4da; height: calc(100% - 20px); width: 1px; }
.logged-in .navigation .nav-item[data-depth="0"]:nth-child(2)::after, .logged-in .navigation .nav-item[data-depth="0"]:nth-child(3)::after, .logged-in .navigation .nav-item[data-depth="0"]:nth-child(5)::after, .logged-in .navigation .nav-item[data-depth="0"]:nth-child(6)::after, .logged-in .navigation .nav-item[data-depth="0"]:nth-child(8)::after { position: static; content: none; display: none; }
.logged-in .navigation .nav-item[data-depth="0"]:last-child a { padding: 14px 16px 15px 16px; width: unset; height: unset; background-color: transparent; }
.logged-in .navigation .nav-item[data-depth="0"]:last-child a::before, .logged-in .navigation .nav-item[data-depth="0"]:last-child a::after { content: none; display: none; }
@media screen and (max-width: 1200px) { .logged-in .navigation .nav-item[data-depth="0"]:last-child a { padding: 13px 15px 14px 15px; } }
.logged-in .group-cart-nofitication-after-login { display: flex; align-items: center; padding-left: 16px; }
@media screen and (max-width: 1200px) { .logged-in .group-cart-nofitication-after-login { padding-left: 15px; } }
.logged-in .group-cart-nofitication-after-login .item-content { position: relative; margin-left: 20px; display: flex; align-items: center; }
@media screen and (max-width: 1200px) { .logged-in .group-cart-nofitication-after-login .item-content { margin-left: 15px; } }
.logged-in .group-cart-nofitication-after-login .item-content:first-child { margin-left: 0; }
.logged-in .group-cart-nofitication-after-login .item-content .count-number { top: -7px; right: -5px; position: absolute; width: auto; min-width: 16px; height: 16px; background-color: #bb4b49; color: #ffffff !important; font-size: 10px; display: flex; align-items: center; justify-content: center; padding: 3px; }
.logged-in .group-cart-nofitication-after-login .item-content .logout-url-after-login { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; background-color: #58658a; }
@media screen and (max-width: 1200px) { .logged-in .group-cart-nofitication-after-login .item-content .logout-url-after-login { width: 40px; height: 40px; } }
.logged-in .col-right-after-login { display: flex; align-items: center; }
.logged-in .col-right-after-login .btn-hamburger { margin-left: 20px; }
.logged-in .navigation-menu-action .mobile-navigation-after-login .nav-item[data-depth="0"]:last-child:last-child { margin: 0; }
.logged-in .navigation-menu-action .mobile-navigation-after-login .nav-item[data-depth="0"]:last-child:last-child a { margin: 0; padding: 10px 0; text-align: left; background-color: transparent; font-size: 16px; }
.logged-in .navigation-menu-action .mobile-navigation-after-login .nav-item[data-depth="0"]:last-child:last-child a::after, .logged-in .navigation-menu-action .mobile-navigation-after-login .nav-item[data-depth="0"]:last-child:last-child a::before { display: none; }
.logged-in .navigation-menu-action .mobile-nofitication-after-login { padding-left: 0; margin-top: 20px; }

.welcome-user { margin-right: 25px; color: #999999; }
@media screen and (max-width: 992px) { .welcome-user { margin-right: 20px; } }
.welcome-user .customer-name { padding-left: 2px; }
.welcome-user i { padding-right: 2px; }

/*
* Footer style
*/
.footer-before-login { padding: 0 !important; }
.footer-before-login .footer-main { padding: 0; }
.footer-before-login .footer-main .widget_media_image { margin-bottom: 50px !important; }
.footer-before-login a { color: #ffffff; text-decoration: none; }
.footer-before-login a:hover { color: #737e9c; }
.footer-before-login .widget-child-theme-cont .widget { margin-bottom: 50px; }
.footer-before-login .widget-child-theme-cont .widget:first-child { margin-top: 60px; }
@media screen and (max-width: 768px) { .footer-before-login .widget-child-theme-cont .widget:first-child { margin-top: 0; } }
.footer-before-login .col-item { padding: 0 15px 0 30px; border-right: 1px solid rgba(115, 126, 156, 0.2); }
@media screen and (max-width: 768px) { .footer-before-login .col-item { border-right: none; padding-left: 15px; padding-right: 15px; } }
.footer-before-login .col-item:first-child { padding-left: 15px; }
@media screen and (max-width: 768px) { .footer-before-login .col-item:first-child { padding-top: 60px; } }
@media screen and (max-width: 992px) { .footer-before-login .col-item:nth-last-child(2) { padding: 0 15px; } }
@media screen and (max-width: 992px) { .footer-before-login .col-item:nth-last-child(3) { border-right: none; } }
@media screen and (max-width: 768px) { .footer-before-login .col-item:nth-last-child(3) { padding: 0 15px; } }
.footer-before-login .col-item:last-child { border-right: none; }
.footer-before-login .col-item .group-information-footer { padding-top: 3px; }
.footer-before-login .address, .footer-before-login .item-infor { margin-bottom: 4px; font-size: 16px; word-break: break-all; }
.footer-before-login .address a, .footer-before-login .item-infor a { font-size: 16px; }
.footer-before-login .email.item-infor { margin-bottom: 0; }
.footer-before-login .widget_nav_menu { margin-bottom: 0; }
.footer-before-login .widget_nav_menu .widget-title { font-size: 18px; font-weight: bold; margin-bottom: 30px; display: inline-block; padding-bottom: 0; }
@media screen and (max-width: 992px) { .footer-before-login .widget_nav_menu .widget-title { margin-bottom: 20px; } }
.footer-before-login .widget_nav_menu .menu-item { margin-bottom: 12px; padding-left: 0; }
.footer-before-login .widget_nav_menu .menu-item:last-child { padding-bottom: 0; }
.footer-before-login .widget_nav_menu .menu-item::before { content: ''; }
.footer-before-login .widget_nav_menu .menu-item a { font-size: 16px; font-weight: 400; line-height: 1.1; }
.footer-before-login .footer-copyright { font-size: 14px; font-weight: 600; background-color: #f7f8fa; }
.footer-before-login .footer-copyright .copyright { color: #000000 !important; padding: 15px 0 15px 0; }
@media screen and (max-width: 768px) { .footer-before-login .footer-copyright .copyright { padding-bottom: 65px; } }

.footer-after-login { background-color: #353a40; }
.footer-after-login .widget_nav_menu { margin-bottom: 0; }
.footer-after-login .footer-main { padding: 20px 0; }
@media screen and (max-width: 992px) { .footer-after-login .footer-main { padding: 40px 0; } }
.footer-after-login .row-footer, .footer-after-login .row-footer-second { display: flex; justify-content: space-between; align-items: center; }
@media screen and (max-width: 992px) { .footer-after-login .row-footer, .footer-after-login .row-footer-second { display: block; } }
.footer-after-login .row-footer .col-left, .footer-after-login .row-footer .col-right, .footer-after-login .row-footer-second .col-left, .footer-after-login .row-footer-second .col-right { width: 17%; }
@media screen and (max-width: 992px) { .footer-after-login .row-footer .col-left, .footer-after-login .row-footer .col-right, .footer-after-login .row-footer-second .col-left, .footer-after-login .row-footer-second .col-right { width: 100%; } }
.footer-after-login .row-footer .col-right .logo-footer, .footer-after-login .row-footer-second .col-right .logo-footer { margin-left: 35px; }
@media screen and (max-width: 992px) { .footer-after-login .row-footer .col-right .logo-footer, .footer-after-login .row-footer-second .col-right .logo-footer { margin-left: 0; } }
.footer-after-login .row-footer .col-center, .footer-after-login .row-footer-second .col-center { width: 66%; padding: 35px 0 0 0; border-left: 1px solid #474c52; border-right: 1px solid #474c52; }
@media screen and (max-width: 1200px) { .footer-after-login .row-footer .col-center, .footer-after-login .row-footer-second .col-center { padding: 20px 0 0 0; } }
@media screen and (max-width: 992px) { .footer-after-login .row-footer .col-center, .footer-after-login .row-footer-second .col-center { padding-top: 40px; padding-bottom: 20px; width: 100%; border: none; } }
.footer-after-login .row-footer ul.menu, .footer-after-login .row-footer-second ul.menu { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; list-style: none; padding: 0 20px; position: relative; }
@media screen and (max-width: 992px) { .footer-after-login .row-footer ul.menu, .footer-after-login .row-footer-second ul.menu { justify-content: flex-start; padding: 0; border: none; } }
.footer-after-login .row-footer ul.menu .menu-item, .footer-after-login .row-footer-second ul.menu .menu-item { margin: 0 15px 30px; padding-left: 0; text-align: center; }
@media screen and (max-width: 1200px) { .footer-after-login .row-footer ul.menu .menu-item, .footer-after-login .row-footer-second ul.menu .menu-item { margin: 0 10px 20px; } }
@media screen and (max-width: 992px) { .footer-after-login .row-footer ul.menu .menu-item, .footer-after-login .row-footer-second ul.menu .menu-item { margin: 0 20px 20px 0 !important; } }
.footer-after-login .row-footer ul.menu .menu-item:last-child, .footer-after-login .row-footer-second ul.menu .menu-item:last-child { padding-bottom: 0; }
.footer-after-login .row-footer ul.menu .menu-item::before, .footer-after-login .row-footer-second ul.menu .menu-item::before { content: ''; }
.footer-after-login .row-footer ul.menu .menu-item a, .footer-after-login .row-footer-second ul.menu .menu-item a { font-size: 15px; font-weight: 400; line-height: 1.1; display: inline-block; width: auto; min-width: 93px; padding: 14px 15px; background-color: transparent; border: 1px solid #58668b; color: #ffffff !important; }
.footer-after-login .row-footer ul.menu .menu-item a:hover, .footer-after-login .row-footer-second ul.menu .menu-item a:hover { background-color: #58668b; color: #ffffff !important; }
@media screen and (max-width: 1200px) { .footer-after-login .row-footer ul.menu .menu-item a, .footer-after-login .row-footer-second ul.menu .menu-item a { font-size: 13px; min-width: 50px; padding: 12px; } }
.footer-after-login .row-footer ul.menu .menu-item:nth-child(1) a, .footer-after-login .row-footer ul.menu .menu-item:nth-child(2) a, .footer-after-login .row-footer ul.menu .menu-item:nth-child(3) a, .footer-after-login .row-footer-second ul.menu .menu-item:nth-child(1) a, .footer-after-login .row-footer-second ul.menu .menu-item:nth-child(2) a, .footer-after-login .row-footer-second ul.menu .menu-item:nth-child(3) a { display: inline-block; width: auto; min-width: 93px; padding: 12px 15px; color: #000000 !important; }
.footer-after-login .row-footer ul.menu .menu-item:nth-child(1) a:hover, .footer-after-login .row-footer ul.menu .menu-item:nth-child(2) a:hover, .footer-after-login .row-footer ul.menu .menu-item:nth-child(3) a:hover, .footer-after-login .row-footer-second ul.menu .menu-item:nth-child(1) a:hover, .footer-after-login .row-footer-second ul.menu .menu-item:nth-child(2) a:hover, .footer-after-login .row-footer-second ul.menu .menu-item:nth-child(3) a:hover { background-color: #58668b; border: 1px solid #58668b; color: #ffffff !important; }
@media screen and (max-width: 992px) { .footer-after-login .row-footer ul.menu .menu-item:nth-child(1), .footer-after-login .row-footer-second ul.menu .menu-item:nth-child(1) { margin-left: 0; } }
.footer-after-login .row-footer ul.menu .menu-item:nth-child(1) a, .footer-after-login .row-footer-second ul.menu .menu-item:nth-child(1) a { background-color: #89998d; border: 1px solid #89998d; }
.footer-after-login .row-footer ul.menu .menu-item:nth-child(2) a, .footer-after-login .row-footer-second ul.menu .menu-item:nth-child(2) a { background-color: #aca4a0; border: 1px solid #aca4a0; }
.footer-after-login .row-footer ul.menu .menu-item:nth-child(3), .footer-after-login .row-footer-second ul.menu .menu-item:nth-child(3) { margin-right: 40px; position: relative; }
@media screen and (max-width: 1200px) { .footer-after-login .row-footer ul.menu .menu-item:nth-child(3), .footer-after-login .row-footer-second ul.menu .menu-item:nth-child(3) { margin-right: 10px; } }
.footer-after-login .row-footer ul.menu .menu-item:nth-child(3)::after, .footer-after-login .row-footer-second ul.menu .menu-item:nth-child(3)::after { position: absolute; content: ''; width: 1px; border-right: 1px solid #474c52; height: calc(100% + 70px); top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); right: -41px; }
@media screen and (max-width: 1200px) { .footer-after-login .row-footer ul.menu .menu-item:nth-child(3)::after, .footer-after-login .row-footer-second ul.menu .menu-item:nth-child(3)::after { display: none; } }
.footer-after-login .row-footer ul.menu .menu-item:nth-child(3) a, .footer-after-login .row-footer-second ul.menu .menu-item:nth-child(3) a { background-color: #abc1cf; border: 1px solid #abc1cf; }
.footer-after-login .row-footer ul.menu .menu-item:nth-child(4), .footer-after-login .row-footer-second ul.menu .menu-item:nth-child(4) { margin-left: 40px; }
@media screen and (max-width: 1200px) { .footer-after-login .row-footer ul.menu .menu-item:nth-child(4), .footer-after-login .row-footer-second ul.menu .menu-item:nth-child(4) { margin-left: 10px; } }
.footer-after-login .footer-bottom { background-color: #495058; }
@media screen and (max-width: 992px) { .footer-after-login .footer-bottom { padding-top: 30px; } }
.footer-after-login .footer-bottom .row-footer-second .col-center { border: none; }
@media screen and (max-width: 992px) { .footer-after-login .footer-bottom .row-footer-second .col-center { padding: 20px 0; } }
.footer-after-login .footer-bottom .row-footer-second ul.menu { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; list-style: none; padding: 0 20px; position: relative; }
@media screen and (max-width: 992px) { .footer-after-login .footer-bottom .row-footer-second ul.menu { justify-content: flex-start; padding: 0; border: none; } }
.footer-after-login .footer-bottom .row-footer-second ul.menu .menu-item a { border: none; padding: 8px 15px; color: #ffffff !important; background-color: transparent; }
.footer-after-login .footer-bottom .row-footer-second ul.menu .menu-item a:hover { border: none; }
.footer-after-login .footer-bottom .row-footer-second ul.menu .menu-item:nth-child(1), .footer-after-login .footer-bottom .row-footer-second ul.menu .menu-item:nth-child(2) { background-color: #353a40; }
.footer-after-login .footer-bottom .row-footer-second ul.menu .menu-item:nth-child(3) { margin-right: 15px; }
.footer-after-login .footer-bottom .row-footer-second ul.menu .menu-item:nth-child(3) a hover { background-color: transparent; }
.footer-after-login .footer-bottom .row-footer-second ul.menu .menu-item:nth-child(3)::after { display: none; }
.footer-after-login .footer-bottom .row-footer-second ul.menu .menu-item:nth-child(4) { margin-left: 15px; }
.footer-after-login .footer-bottom .copyright { color: #ffffff; font-size: 14px; }

/* Pages */
/* Iframe and chart css */
.tradingview-widget-container, .tradingview-widget-container iframe { width: 100% !important; }

.tradingview-widget-copyright { display: none !important; }

.gg-map { width: 100%; }

.group-tab-chart { display: flex; flex-wrap: wrap; position: relative; z-index: 2; }

.group-cont-chart { position: relative; z-index: 2; }
.group-cont-chart .main-content-iframe { height: 577px !important; }
@media screen and (max-width: 768px) { .group-cont-chart .main-content-iframe { height: 320px !important; } }

.tab-item { position: relative; text-align: center; padding: 15px 20px 15px 20px; background: #58658a; color: #ffffff; cursor: pointer; width: 25%; font-size: 18px; font-weight: 400; transition: all 0.3s ease-in-out; border-right: 2px solid #1d253a; border-left: 2px solid #1d253a; }
.tab-item:hover { background: #ffffff; color: #000000; }
.tab-item:first-child { border-left: none; }
.tab-item:last-child { border-right: none; }
.tab-item:last-child::after { content: ""; }
@media screen and (max-width: 480px) { .tab-item:nth-child(2) { border-right: none; }
  .tab-item:nth-child(3) { border-left: none; } }

.tab-item.active { background: #ffffff; color: #000000; }
.tab-item.active::after { content: ""; }

.tab-content { width: auto; height: auto; display: none; }

.group-infor-table-metal { background: #27304b; background: linear-gradient(-180deg, #27304b 0%, #384464 35%, #556287 100%); background: -moz-linear-gradient(-180deg, #27304b 0%, #384464 35%, #556287 100%); background: -webkit-linear-gradient(-180deg, #27304b 0%, #384464 35%, #556287 100%); color: #7d98d5; font-size: 20px; display: flex; align-items: center; justify-content: space-between; padding: 15px 0; margin-bottom: 30px; }
@media screen and (max-width: 992px) { .group-infor-table-metal { font-size: 14px; padding: 10px 0; margin-bottom: 15px; } }
@media screen and (max-width: 480px) { .group-infor-table-metal { font-size: 12px; padding: 8px 0; margin-bottom: 10px; } }
.group-infor-table-metal .item { padding: 0 15px; width: calc(65% / 2); text-align: center; }
@media screen and (max-width: 992px) { .group-infor-table-metal .item { padding: 0 8px; } }
@media screen and (max-width: 480px) { .group-infor-table-metal .item { padding: 0 3px; width: calc(70% / 2); } }
.group-infor-table-metal .item:first-child { width: 35%; }
@media screen and (max-width: 480px) { .group-infor-table-metal .item:first-child { width: 30%; } }

#historique, #professionnel, #particulier { display: none; animation: show_block 1s forwards; }
#historique.active-group, #professionnel.active-group, #particulier.active-group { display: block; }

.group-table-metal-graph { margin-bottom: 20px; animation: show_block 1s forwards; }
@media screen and (max-width: 992px) { .group-table-metal-graph { overflow-x: auto; } }

table.table-metal-graph { border-spacing: 10px !important; margin: -10px -10px 0 -10px !important; width: calc(100% + 20px); }
table.table-metal-graph th { background-color: #bdd0de; color: #ffffff; text-transform: uppercase; padding: 10px 30px; font-size: 16px; }
@media screen and (max-width: 992px) { table.table-metal-graph th { padding: 10px 20px; font-size: 14px; } }
@media screen and (max-width: 480px) { table.table-metal-graph th { padding: 8px 12px; } }
table.table-metal-graph td { background-color: #ffffff !important; vertical-align: middle !important; border: none !important; padding: 10px 30px; background-color: #ffffff !important; font-size: 15px; }
@media screen and (max-width: 992px) { table.table-metal-graph td { font-size: 14px; padding: 10px 20px; min-width: 100px; } }
@media screen and (max-width: 480px) { table.table-metal-graph td { padding: 8px 12px; } }
table.table-metal-graph td:first-child { width: 30%; }
@media screen and (max-width: 992px) { table.table-metal-graph td:first-child { min-width: 150px; } }
table.table-metal-graph td:nth-child(2), table.table-metal-graph td:nth-child(3) { width: 25%; }
table.table-metal-graph td:last-child { width: 20%; }
@media screen and (max-width: 992px) { table.table-metal-graph td:last-child { min-width: 74px; } }

@media screen and (max-width: 768px) { .group-cours-des-metaux table.table-metal-graph { border-spacing: 5px !important; margin: -5px -5px 0 -5px !important; width: calc(100% + 10px); } }
.group-cours-des-metaux table.table-metal-graph td { min-width: unset !important; width: calc(65% / 2); }
@media screen and (max-width: 480px) { .group-cours-des-metaux table.table-metal-graph td { width: calc(70% / 2); } }
.group-cours-des-metaux table.table-metal-graph td:first-child { width: 35%; }
@media screen and (max-width: 480px) { .group-cours-des-metaux table.table-metal-graph td:first-child { width: 30%; } }
@media screen and (max-width: 768px) { .group-cours-des-metaux table.table-metal-graph td { padding: 6px 8px; font-size: 13px; } }
@media screen and (max-width: 480px) { .group-cours-des-metaux table.table-metal-graph td { padding: 6px; font-size: 12px; } }

.nav-tab-price-wrapper { margin: 50px auto 0 auto !important; display: flex; align-items: center; justify-content: center; position: relative; }
.nav-tab-price-wrapper::after { content: ""; position: absolute; left: 50%; top: 40px; width: 100%; height: 1px; background-color: #576488; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
@media screen and (max-width: 480px) { .nav-tab-price-wrapper::after { top: 30px; } }
@media screen and (max-width: 480px) { .nav-tab-price-wrapper { margin: 30px auto 0 auto !important; } }
.nav-tab-price-wrapper .nav-tab-price, .nav-tab-price-wrapper .nav-tab-price-private { width: calc(100% / 4 - 20px); cursor: pointer; margin: 0 5px 40px 5px; padding: 0 10px; color: #ffffff; font-size: 15px; background-color: #576488; height: auto; font-weight: 600; height: 40px; display: flex; align-items: center; justify-content: center; text-align: center; border: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media screen and (max-width: 480px) { .nav-tab-price-wrapper .nav-tab-price, .nav-tab-price-wrapper .nav-tab-price-private { width: calc(100% / 4 - 10px); font-size: 13px; height: 30px; margin: 0 5px 20px 5px; } }
@media screen and (max-width: 375px) { .nav-tab-price-wrapper .nav-tab-price, .nav-tab-price-wrapper .nav-tab-price-private { font-size: 12px; font-weight: 400; } }
.nav-tab-price-wrapper .nav-tab-price.active, .nav-tab-price-wrapper .nav-tab-price:hover, .nav-tab-price-wrapper .nav-tab-price-private.active, .nav-tab-price-wrapper .nav-tab-price-private:hover { background-color: #ffffff; color: #262f4a; }

.group-list-category { display: flex; justify-content: center; flex-wrap: wrap; width: 90% !important; margin: 0 auto 45px auto !important; position: relative; }
@media screen and (max-width: 768px) { .group-list-category { width: 100% !important; } }
@media screen and (max-width: 480px) { .group-list-category { margin: 0 auto 20px auto !important; } }
.group-list-category::after { content: ""; position: absolute; left: 50%; bottom: 10px; width: 90%; height: 1px; background-color: #576488; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
@media screen and (max-width: 480px) { .group-list-category::after { bottom: 5px; } }
.group-list-category .list-category-item { margin-bottom: 10px; }
@media screen and (max-width: 480px) { .group-list-category .list-category-item { margin-bottom: 5px; } }
.group-list-category .list-category-item:first-child { margin-left: 15px; }
.group-list-category .list-category-item a, .group-list-category .list-category-item span { position: relative; display: block !important; margin: 0 5px !important; padding: 8px 9px; text-decoration: none !important; border: none; line-height: 1.5; font-size: 17px; text-align: center; }
@media screen and (max-width: 992px) { .group-list-category .list-category-item a, .group-list-category .list-category-item span { font-size: 14px; } }
@media screen and (max-width: 480px) { .group-list-category .list-category-item a, .group-list-category .list-category-item span { padding: 5px 9px; } }
.group-list-category .list-category-item a::after, .group-list-category .list-category-item span::after { content: ""; position: absolute; bottom: -4px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: calc(100% - 14px); height: 4px; background-color: #576488; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media screen and (max-width: 480px) { .group-list-category .list-category-item a::after, .group-list-category .list-category-item span::after { height: 2px; bottom: -2px; } }
.group-list-category .list-category-item a.clicked::after, .group-list-category .list-category-item a:hover::after, .group-list-category .list-category-item span.clicked::after, .group-list-category .list-category-item span:hover::after { opacity: 1; visibility: visible; }
@media screen and (max-width: 480px) { .group-list-category .list-category-item a, .group-list-category .list-category-item span { font-size: 13px; } }
.group-list-category .list-category-item.active span::after { opacity: 1; visibility: visible; }

.search-input-text { margin-bottom: 30px; position: relative; width: fit-content; }
.search-input-text input { padding-left: 40px; }
.search-input-text::after { position: absolute; content: ""; background-image: url("./assets/images/icon/icon-search.png"); top: 50%; left: 12px; background-size: 100%; width: 20px; height: 20px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

.page-template-template-homepage-fullwidth .storefront-breadcrumb { display: none !important; }
.page-template-template-homepage-fullwidth .woocommerce-message, .page-template-template-homepage-fullwidth .woocommerce-info, .page-template-template-homepage-fullwidth .woocommerce-error, .page-template-template-homepage-fullwidth .woocommerce-noreviews, .page-template-template-homepage-fullwidth p.no-comments { margin: 0 auto; }
.page-template-template-homepage-fullwidth .wp-block-cover__inner-container { width: 100% !important; max-width: 100% !important; padding: 0 !important; }
.page-template-template-homepage-fullwidth .wp-block-column { margin: 0 !important; }
.page-template-template-homepage-fullwidth .wp-block-column.margin-top-13-percent { margin-top: 13% !important; }
@media screen and (max-width: 781px) { .page-template-template-homepage-fullwidth .wp-block-column.margin-top-13-percent { margin-top: unset !important; } }
.page-template-template-homepage-fullwidth .wp-block-columns.margin-top-minus-13-percent { margin-top: -13% !important; margin-bottom: 15px !important; }
@media screen and (max-width: 781px) { .page-template-template-homepage-fullwidth .wp-block-columns.margin-top-minus-13-percent { margin-top: unset !important; margin-bottom: unset !important; } }
.page-template-template-homepage-fullwidth article, .page-template-template-homepage-fullwidth main { margin-bottom: 0 !important; }
.page-template-template-homepage-fullwidth .section-techniques { margin-top: -80px; position: relative; z-index: 3; background: url("./assets/images/bg/bg-triangle.png"); background-repeat: no-repeat; background-size: cover; background-position: bottom; padding-bottom: 100px; }
.page-template-template-homepage-fullwidth .section-techniques::after { top: 0; left: 0; position: absolute; content: ""; background-image: url("./assets/images/bg/pattern_2.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 100%; height: 230px; }
@media screen and (max-width: 992px) { .page-template-template-homepage-fullwidth .section-techniques::after { background-size: cover; opacity: 0.5; } }
@media screen and (max-width: 500px) { .page-template-template-homepage-fullwidth .section-techniques::after { height: 195px; } }
@media screen and (max-width: 500px) { .page-template-template-homepage-fullwidth .section-techniques { margin-top: -55px; } }
.page-template-template-homepage-fullwidth .section-charts { background: #26304b; background: -moz-linear-gradient(180deg, #26304b 0%, black 80%); background: -webkit-linear-gradient(180deg, #26304b 0%, black 80%); background: linear-gradient(180deg, #26304b 0%, black 80%); position: relative; }
.page-template-template-homepage-fullwidth .section-charts .container { position: relative; z-index: 3; }
.page-template-template-homepage-fullwidth .section-charts::after { top: 0; right: 0; position: absolute; content: ""; background-image: url("./assets/images/bg/pattern_4.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 300px; height: 350px; z-index: 1; }
.page-template-template-homepage-fullwidth .section-charts::before { bottom: 0; left: 0; position: absolute; content: ""; background-image: url("./assets/images/bg/pattern_4_1.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 300px; height: 350px; z-index: 1; }
.page-template-template-homepage-fullwidth .section-charts .max-width-415 { width: 100%; max-width: 415px; margin-left: auto; margin-right: auto; text-align: justify; }
@media screen and (max-width: 768px) { .page-template-template-homepage-fullwidth .section-charts .max-width-415 { max-width: 100%; } }
.page-template-template-homepage-fullwidth .section-charts .chart-cmp { position: relative; }
.page-template-template-homepage-fullwidth .section-charts .chart-cmp::after { z-index: 1; position: absolute; content: ""; width: calc(100% - 200px); height: 100%; left: 50%; bottom: -20px; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); background: #26304b; background: -moz-linear-gradient(0deg, #26304b 0%, black 8%); background: -webkit-linear-gradient(0deg, #26304b 0%, black 8%); background: linear-gradient(0deg, #26304b 0%, black 8%); }
@media screen and (max-width: 768px) { .page-template-template-homepage-fullwidth .section-charts .chart-cmp::after { width: calc(100% - 60px); } }
.page-template-template-homepage-fullwidth .section-group-tab-action { position: relative; }
.page-template-template-homepage-fullwidth .section-group-tab-action .container { position: relative; z-index: 3; }
.page-template-template-homepage-fullwidth .section-group-tab-action::after { bottom: 0; right: 0; position: absolute; content: ""; background-image: url("./assets/images/bg/metal_1.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 300px; height: 400px; z-index: 1; }
.page-template-template-homepage-fullwidth #particulier, .page-template-template-homepage-fullwidth #historique { position: relative; }
.page-template-template-homepage-fullwidth #particulier .container, .page-template-template-homepage-fullwidth #historique .container { position: relative; z-index: 3; }
.page-template-template-homepage-fullwidth #particulier::after, .page-template-template-homepage-fullwidth #historique::after { top: 0; right: 0; position: absolute; content: ""; background-image: url("./assets/images/bg/metal_2.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 275px; height: 251px; z-index: 1; }
.page-template-template-homepage-fullwidth #historique::after { opacity: 0.25; }
.page-template-template-homepage-fullwidth .section-catalog { background: #f1f2f4; position: relative; }
.page-template-template-homepage-fullwidth .section-catalog .container { position: relative; z-index: 3; }
.page-template-template-homepage-fullwidth .section-catalog::after { top: 0; left: 0; position: absolute; content: ""; background-image: url("./assets/images/bg/pattern_5.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 300px; height: 300px; z-index: 1; }
.page-template-template-homepage-fullwidth .section-catalog::before { bottom: 0; left: 0; position: absolute; content: ""; background-image: url("./assets/images/bg/pattern_5_1.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 350px; height: 350px; z-index: 1; }
.page-template-template-homepage-fullwidth .section-contact-from { padding: 40px 0 60px 0 !important; }
.page-template-template-homepage-fullwidth .section-contact-from .wpcf7-form p { margin: 0 0 1.41575em !important; }
.page-template-template-homepage-fullwidth .section-contact-from .wpcf7-form p label { margin-bottom: 8px !important; }
.page-template-template-homepage-fullwidth .section-contact-from .group-field-cf7 { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.page-template-template-homepage-fullwidth .section-contact-from .group-field-cf7 .col-cf7 { width: calc(50% - 15px); }
@media screen and (max-width: 768px) { .page-template-template-homepage-fullwidth .section-contact-from .group-field-cf7 { display: block; }
  .page-template-template-homepage-fullwidth .section-contact-from .group-field-cf7 .col-cf7 { width: 100%; } }
.page-template-template-homepage-fullwidth .section-contact-from .wpcf7-not-valid-tip { display: none; }
.page-template-template-homepage-fullwidth .section-contact-from .wpcf7-form-control-wrap { position: relative; }
.page-template-template-homepage-fullwidth .section-contact-from label.error { position: absolute; bottom: -34px; left: 0; font-size: 12px; color: red; padding: 0; }
.page-template-template-homepage-fullwidth .section-contact-from input { width: 100%; }
.page-template-template-homepage-fullwidth .section-contact-from input[type="text"], .page-template-template-homepage-fullwidth .section-contact-from input[type="email"], .page-template-template-homepage-fullwidth .section-contact-from input[type="tel"] { background-color: transparent; padding: 0; border: none !important; border-bottom: 1px solid #49505a !important; color: #ffffff; }
.page-template-template-homepage-fullwidth .section-contact-from input[type="text"]::placeholder, .page-template-template-homepage-fullwidth .section-contact-from input[type="email"]::placeholder, .page-template-template-homepage-fullwidth .section-contact-from input[type="tel"]::placeholder { font-style: italic; color: #ffffff !important; }
.page-template-template-homepage-fullwidth .section-contact-from .wpcf7-response-output { width: 100%; margin-left: 0; }
.page-template-template-homepage-fullwidth .section-contact-from input[type="submit"] { margin-top: 20px; width: 100%; max-width: 200px; font-size: 14px; font-weight: 400; }
.page-template-template-homepage-fullwidth .section-cover-orders { position: relative; padding: 60px 0 !important; }
.page-template-template-homepage-fullwidth .section-cover-orders::after { bottom: 0; right: 0; position: absolute; content: ""; background-image: url("./assets/images/bg/pattern_6.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 300px; height: 300px; z-index: 1; }
@media screen and (max-width: 992px) { .page-template-template-homepage-fullwidth .section-cover-orders::after { background-position: right; background-size: cover; opacity: 0.2; } }
@media screen and (max-width: 768px) { .page-template-template-homepage-fullwidth .section-cover-orders::after { opacity: 0; } }
.page-template-template-homepage-fullwidth .section-service-home { margin-top: -150px; background: #e8e3e0; background: linear-gradient(#e8e3e0 0%, #e8e3e0 15%, #b3afae 35%, #383838 60%, black 100%); background: -webkit-linear-gradient(#e8e3e0 0%, #e8e3e0 15%, #b3afae 35%, #383838 60%, black 100%); background: -moz-linear-gradient(#e8e3e0 0%, #e8e3e0 15%, #b3afae 35%, #383838 60%, black 100%); position: relative; }
.page-template-template-homepage-fullwidth .section-service-home .container { position: relative; z-index: 3; }
.page-template-template-homepage-fullwidth .section-service-home::after { top: 50px; right: 0; position: absolute; content: ""; background-image: url("./assets/images/bg/pattern_3.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 100%; height: 400px; z-index: 1; }
@media screen and (max-width: 992px) { .page-template-template-homepage-fullwidth .section-service-home::after { top: 90px; background-position: right; background-size: cover; } }
.page-template-template-homepage-fullwidth .section-service-home::before { bottom: 0; left: 0; position: absolute; content: ""; background-image: url("./assets/images/bg/pattern_3_1.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 300px; height: 350px; z-index: 1; }
.page-template-template-homepage-fullwidth .section-service-home .head-p { font-size: 24px !important; margin-top: 0 !important; margin-bottom: 20px !important; font-weight: 300 !important; line-height: 1.2 !important; }
.page-template-template-homepage-fullwidth .section-service-home .des-service p { margin-bottom: 10px; font-weight: 500; font-size: 13px; text-align: center; }
.page-template-template-homepage-fullwidth .section-service-home .des-service p span.first { font-size: 17px; }
.page-template-template-homepage-fullwidth .section-service-home .des-service .head-p { margin-bottom: 15px !important; margin-top: 15px !important; }
.page-template-template-homepage-fullwidth .section-service-home .column-text .wp-block-column { border-right: 1px solid #58658a; padding: 0 50px; }
@media screen and (max-width: 768px) { .page-template-template-homepage-fullwidth .section-service-home .column-text .wp-block-column { border-right: none; padding: 0; } }
.page-template-template-homepage-fullwidth .section-service-home .column-text .wp-block-column p { text-align: justify; max-width: 415px; margin-left: auto; }
@media screen and (max-width: 768px) { .page-template-template-homepage-fullwidth .section-service-home .column-text .wp-block-column p { max-width: 100%; } }
.page-template-template-homepage-fullwidth .section-service-home .column-text .wp-block-column:last-child { border-right: none; }
.page-template-template-homepage-fullwidth .section-service-home .column-text .wp-block-column:last-child p { margin-left: unset; }
.page-template-template-homepage-fullwidth .des-orders { padding-left: 15px; border-left: 1px solid #000000; }
.page-template-template-homepage-fullwidth .des-orders p { margin-bottom: 10px; font-weight: 500; font-size: 14px !important; line-height: 1.2; color: #000000 !important; }
.page-template-template-homepage-fullwidth .des-orders p span.first { font-size: 18px !important; }
.page-template-template-homepage-fullwidth .list-techniques { width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; margin-top: -50px; position: relative; z-index: 4; }
.page-template-template-homepage-fullwidth .list-techniques .wp-block-image { padding: 10px; }
@media screen and (max-width: 500px) { .page-template-template-homepage-fullwidth .list-techniques { max-width: 320px; margin-top: -28px; }
  .page-template-template-homepage-fullwidth .list-techniques .wp-block-image { padding: 0; } }
.page-template-template-homepage-fullwidth .banner-la-maison-cmp { min-height: calc(100vh - 124px) !important; }
@media screen and (max-width: 992px) { .page-template-template-homepage-fullwidth .banner-la-maison-cmp { min-height: calc(100vh - 110px) !important; } }
@media screen and (max-width: 768px) { .page-template-template-homepage-fullwidth .banner-la-maison-cmp { min-height: calc(90vh - 110px) !important; } }
@media screen and (max-width: 768px) { .page-template-template-homepage-fullwidth .banner-mental-graph { min-height: calc(90vh - 110px) !important; } }
.page-template-template-homepage-fullwidth .banner-services-cmp { position: relative; }
.page-template-template-homepage-fullwidth .banner-services-cmp::after { bottom: -10%; right: 0; position: absolute; content: ""; background-image: url("./assets/images/bg/services_0.png"); background-repeat: no-repeat; background-size: 100%; width: 350px; opacity: 0.7; z-index: 1; }
@media screen and (max-width: 480px) { .page-template-template-homepage-fullwidth .banner-services-cmp::after { width: 300px; opacity: 0.4; } }
.page-template-template-homepage-fullwidth .banner-services-cmp::before { bottom: -1px !important; left: -1px !important; position: absolute !important; content: "" !important; background-image: url("./assets/images/bg/services_0_1.png") !important; background-repeat: no-repeat; background-size: 100% 100%; width: 100%; height: 400px; object-fit: cover; z-index: 2; }
@media screen and (max-width: 1200px) { .page-template-template-homepage-fullwidth .banner-services-cmp::before { height: 300px; } }
@media screen and (max-width: 992px) { .page-template-template-homepage-fullwidth .banner-services-cmp::before { background-size: cover; background-position: left bottom; } }
.page-template-template-homepage-fullwidth .secction-methodes-services { position: relative; }
.page-template-template-homepage-fullwidth .secction-methodes-services::after { left: 0; top: 1px; position: absolute; content: ""; background-image: url("./assets/images/bg/services_2.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 420px; height: 500px; opacity: 0.7; z-index: 1; }
.page-template-template-homepage-fullwidth .secction-methodes-services::before { top: 1px !important; right: 0 !important; position: absolute !important; content: "" !important; background-image: url("./assets/images/bg/services_1.png") !important; background-repeat: no-repeat; background-size: 100% 100%; width: 100%; height: 130px; z-index: 2; }
.page-template-template-homepage-fullwidth .section-slider-service-1 { position: relative; }
.page-template-template-homepage-fullwidth .section-slider-service-1::after { right: 0; top: 0; position: absolute; content: ""; background-image: url("./assets/images/bg/services_3.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 300px; height: 400px; opacity: 0.7; z-index: 1; }
@media screen and (max-width: 480px) { .page-template-template-homepage-fullwidth .section-slider-service-1::after { display: none; } }
.page-template-template-homepage-fullwidth .section-slider-service-3 { position: relative; }
.page-template-template-homepage-fullwidth .section-slider-service-3::after { left: 0; top: 0; position: absolute; content: ""; background-image: url("./assets/images/bg/services_4.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 500px; height: 400px; opacity: 0.7; z-index: 1; }
@media screen and (max-width: 480px) { .page-template-template-homepage-fullwidth .section-slider-service-3::after { display: none; } }
.page-template-template-homepage-fullwidth .section-slider-service-3::before { right: 0; bottom: 0; position: absolute; content: ""; background-image: url("./assets/images/bg/services_5.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 300px; height: 300px; opacity: 0.7; z-index: 1; }
@media screen and (max-width: 480px) { .page-template-template-homepage-fullwidth .section-slider-service-3::before { display: none; } }
.page-template-template-homepage-fullwidth .section-slider-service-4 { position: relative; }
.page-template-template-homepage-fullwidth .section-slider-service-4::before { left: 0; bottom: 0; position: absolute; content: ""; background-image: url("./assets/images/bg/services_6.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 400px; height: 400px; opacity: 0.7; z-index: 1; }
@media screen and (max-width: 480px) { .page-template-template-homepage-fullwidth .section-slider-service-4::before { display: none; } }
.page-template-template-homepage-fullwidth .object-banner-cours-tarifs { position: relative; z-index: 3; margin: -100px 0 -201px 0; }
.page-template-template-homepage-fullwidth .object-banner-cours-tarifs img { width: 430px; height: auto; }
.page-template-template-homepage-fullwidth .group-border-heading { width: 373px; height: 373px; margin: 0 auto; border: 7px solid #ffffff; padding: 0; display: flex; align-items: center; justify-content: center; margin-top: 0; }
@media screen and (min-height: 750px) { .page-template-template-homepage-fullwidth .group-border-heading { margin-top: -20vh; } }
@media screen and (max-width: 430px) { .page-template-template-homepage-fullwidth .group-border-heading { width: 350px; height: 350px; } }
@media screen and (max-width: 400px) { .page-template-template-homepage-fullwidth .group-border-heading { width: 320px; height: 320px; } }
@media screen and (max-width: 375px) { .page-template-template-homepage-fullwidth .group-border-heading { width: 250px; height: 250px; border: 4px solid #ffffff; } }
.page-template-template-homepage-fullwidth .group-border-heading .wp-block-group__inner-container { height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 75px 10px 75px 10px; }
@media screen and (max-width: 375px) { .page-template-template-homepage-fullwidth .group-border-heading .wp-block-group__inner-container { padding: 70px 10px 50px 10px; }
  .page-template-template-homepage-fullwidth .group-border-heading .wp-block-group__inner-container h1 { font-size: 30px !important; } }
.page-template-template-homepage-fullwidth .group-border-heading hr { width: 50px !important; max-width: 50px !important; border-bottom: 5px solid #ffffff !important; margin-bottom: 0 !important; height: 1px !important; }
@media screen and (max-width: 375px) { .page-template-template-homepage-fullwidth .group-border-heading hr { border-bottom: 4px solid #ffffff !important; } }
.page-template-template-homepage-fullwidth .group-border-heading h4 { margin-top: -90px; }
@media screen and (max-width: 480px) { .page-template-template-homepage-fullwidth .group-border-heading h4 { margin-top: -50px; } }
.page-template-template-homepage-fullwidth .group-border-heading-button .wp-block-group__inner-container { padding: 65px 10px 65px 10px; }
@media screen and (max-width: 375px) { .page-template-template-homepage-fullwidth .group-border-heading-button .wp-block-group__inner-container { padding: 30px 10px 30px 10px; } }
.page-template-template-homepage-fullwidth .group-border-heading-button h4 { margin-top: -35px; }
.page-template-template-homepage-fullwidth .group-border-heading-button .wp-element-button { font-size: 17px; padding: 12px 35px; width: fit-content; margin: -25px auto 0 auto; }

@media screen and (max-width: 767px) { .tab-item { font-size: 14px; padding: 10px; }
  .main-content-iframe { height: 350px !important; } }
@media screen and (max-width: 489px) { .tab-item { width: 50%; } }
/* end chart */
.woocommerce-checkout .woocommerce-message, .woocommerce-checkout .woocommerce-error, .woocommerce-checkout .woocommerce-info { margin-bottom: 15px !important; }
.woocommerce-checkout #secondary.widget-area, .woocommerce-checkout .edit-link { display: none !important; }
.woocommerce-checkout #primary.content-area { width: 100% !important; }
.woocommerce-checkout input:focus { background-color: #fafafa !important; }
.woocommerce-checkout .notes { margin-bottom: 0 !important; }
.woocommerce-checkout .select2-selection.select2-selection--single { height: 47.63px; border-radius: 0; border: 1px solid #000000; display: flex; align-items: center; }
.woocommerce-checkout .select2-selection.select2-selection--single .select2-selection__arrow { top: 10px; }
.woocommerce-checkout #coupon_code { height: 45.63px; }
.woocommerce-checkout #customer_details { width: 55%; margin: 0; padding: 20px 15px 25px 15px; background-color: #ffffff; }
@media screen and (max-width: 992px) { .woocommerce-checkout #customer_details { width: 100%; margin-bottom: 30px; } }
.woocommerce-checkout #customer_details .col-1, .woocommerce-checkout #customer_details .col-2 { max-width: 100%; padding: 0; }
.woocommerce-checkout #customer_details .col-2 { margin-bottom: 0; }
.woocommerce-checkout #customer_details .form-row { display: block; margin-left: 0; margin-right: 0; }
.woocommerce-checkout #order_review_heading { width: calc(45% - 30px); background-color: #ffffff; padding-top: 20px; padding-left: 15px; padding-right: 15px; }
@media screen and (max-width: 992px) { .woocommerce-checkout #order_review_heading { width: 100%; } }
@media screen and (max-width: 768px) { .woocommerce-checkout #order_review_heading { margin-bottom: 0; padding-bottom: 19px; } }
.woocommerce-checkout #order_review { background-color: #ffffff; width: calc(45% - 30px); padding: 0 15px 20px 15px; }
@media screen and (max-width: 992px) { .woocommerce-checkout #order_review { width: 100%; } }
.woocommerce-checkout #order_review .form-row { margin-left: 0; margin-right: 0; }
.woocommerce-checkout #order_review table th, .woocommerce-checkout #order_review table td { padding: 12px 15px; }
.woocommerce-checkout #order_review table th { background-color: #e8ecef; }
.woocommerce-checkout #order_review table td { background-color: #ffffff; }
.woocommerce-checkout #order_review table tr:nth-child(even) td { background-color: #fafafa; }
.woocommerce-checkout #order_review table tr.cart_item td { background-color: #fafafa; }
.woocommerce-checkout #payment .payment_methods > .woocommerce-PaymentMethod > label, .woocommerce-checkout #payment .payment_methods > .wc_payment_method > label { padding: 12px 15px; margin: 0; background-color: #e8ecef; }
.woocommerce-checkout #payment .payment_methods > .woocommerce-PaymentMethod > label::before, .woocommerce-checkout #payment .payment_methods > .wc_payment_method > label::before { color: #fafafa; }
.woocommerce-checkout #payment .payment_methods .payment_box { background-color: #fafafa !important; padding: 15px !important; }
.woocommerce-checkout #payment .woocommerce-privacy-policy-text { font-size: 14px !important; }
.woocommerce-checkout #payment .woocommerce-privacy-policy-text p { font-size: 14px !important; }
.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox { font-size: 14px; }
.woocommerce-checkout #payment .place-order { margin-top: 0; padding: 15px; background-color: #fafafa !important; }
.woocommerce-checkout #payment .place-order .button { font-size: 18px; }
.woocommerce-checkout form.checkout_coupon { margin-top: -20px; padding: 15px; background-color: #fafafa; }
.woocommerce-checkout form.checkout_coupon p { margin-bottom: 12px; }
.woocommerce-checkout form.checkout_coupon .form-row { margin: 0; }
.woocommerce-checkout form.checkout_coupon .form-row-first { width: 30%; float: left !important; }
@media screen and (max-width: 992px) { .woocommerce-checkout form.checkout_coupon .form-row-first { width: 60%; } }
@media screen and (max-width: 768px) { .woocommerce-checkout form.checkout_coupon .form-row-first { width: 50%; } }
@media screen and (max-width: 480px) { .woocommerce-checkout form.checkout_coupon .form-row-first { float: none; width: 100%; } }
.woocommerce-checkout form.checkout_coupon .form-row-last { float: right !important; width: 70%; padding-left: 5px; }
@media screen and (max-width: 992px) { .woocommerce-checkout form.checkout_coupon .form-row-last { width: 40%; }
  .woocommerce-checkout form.checkout_coupon .form-row-last button { width: 100%; } }
@media screen and (max-width: 768px) { .woocommerce-checkout form.checkout_coupon .form-row-last { width: 50%; } }
@media screen and (max-width: 480px) { .woocommerce-checkout form.checkout_coupon .form-row-last { padding-left: 0; padding-top: 5px; float: none; width: 100%; } }
.woocommerce-checkout form.checkout { margin-top: 40px; }
.woocommerce-checkout form.checkout input[type="checkbox"]:focus { outline: none; }
.woocommerce-checkout form.checkout h3 { font-size: 22px; font-weight: 600; }

.woocommerce-account .entry-title, .page-template-template-orders .entry-title { text-align: center; margin-bottom: 40px; }
.woocommerce-account .heading-user-login, .page-template-template-orders .heading-user-login { display: none; }
.woocommerce-account #primary, .page-template-template-orders #primary { margin-right: 0; }
.woocommerce-account .woocommerce-form, .page-template-template-orders .woocommerce-form { max-width: 500px; margin: 0 auto !important; }
.woocommerce-account .woocommerce form.woocommerce-form .group-loss-login, .page-template-template-orders .woocommerce form.woocommerce-form .group-loss-login { margin-bottom: 35px !important; }
.woocommerce-account .woocommerce form.woocommerce-form .woocommerce-form__label-for-checkbox, .page-template-template-orders .woocommerce form.woocommerce-form .woocommerce-form__label-for-checkbox { margin-bottom: 15px !important; }
.woocommerce-account .woocommerce-Addresses, .page-template-template-orders .woocommerce-Addresses { width: 100%; max-width: 100%; margin: 0; float: unset; }
.woocommerce-account .col-1, .woocommerce-account .col-2, .page-template-template-orders .col-1, .page-template-template-orders .col-2 { width: 100% !important; max-width: 50%; margin: 0 !important; }
.woocommerce-account .form-row, .page-template-template-orders .form-row { display: block; margin: 0 0 15px 0; }

.logged-in.woocommerce-account .container-special, .page-template-template-orders .container-special { max-width: 100% !important; margin: 0 !important; padding: 0 !important; }
.logged-in.woocommerce-account .banner-after-login, .page-template-template-orders .banner-after-login { background-color: #344267; color: #ffffff; position: relative; padding: 60px 0 0 0; }
.logged-in.woocommerce-account .banner-after-login img, .page-template-template-orders .banner-after-login img { position: absolute; height: 100%; width: auto; top: 0; right: 0; z-index: 1; }
@media screen and (max-width: 992px) { .logged-in.woocommerce-account .banner-after-login img, .page-template-template-orders .banner-after-login img { opacity: 0.3; } }
.logged-in.woocommerce-account .banner-after-login h1, .logged-in.woocommerce-account .banner-after-login h2, .logged-in.woocommerce-account .banner-after-login h3, .logged-in.woocommerce-account .banner-after-login h4, .logged-in.woocommerce-account .banner-after-login h5, .logged-in.woocommerce-account .banner-after-login h5, .page-template-template-orders .banner-after-login h1, .page-template-template-orders .banner-after-login h2, .page-template-template-orders .banner-after-login h3, .page-template-template-orders .banner-after-login h4, .page-template-template-orders .banner-after-login h5, .page-template-template-orders .banner-after-login h5 { color: #ffffff; margin-bottom: 10px; }
.logged-in.woocommerce-account .banner-after-login p, .page-template-template-orders .banner-after-login p { margin-bottom: 10px; }
.logged-in.woocommerce-account .banner-after-login ul, .page-template-template-orders .banner-after-login ul { margin: 0; padding: 0 0 0 17px; color: #ffffff; }
.logged-in.woocommerce-account .banner-after-login .content, .page-template-template-orders .banner-after-login .content { position: relative; z-index: 2; margin-bottom: 60px; }
.logged-in.woocommerce-account input[type="text"], .logged-in.woocommerce-account input[type="email"], .logged-in.woocommerce-account input[type="number"], .page-template-template-orders input[type="text"], .page-template-template-orders input[type="email"], .page-template-template-orders input[type="number"] { border: none !important; }
.logged-in.woocommerce-account input[type="text"]::placeholder, .logged-in.woocommerce-account input[type="email"]::placeholder, .logged-in.woocommerce-account input[type="number"]::placeholder, .page-template-template-orders input[type="text"]::placeholder, .page-template-template-orders input[type="email"]::placeholder, .page-template-template-orders input[type="number"]::placeholder { color: #8d959b !important; font-style: italic !important; }
.logged-in.woocommerce-account h1.entry-title, .logged-in.woocommerce-account .forminator-edit-module, .logged-in.woocommerce-account .edit-link, .logged-in.woocommerce-account .storefront-breadcrumb, .page-template-template-orders h1.entry-title, .page-template-template-orders .forminator-edit-module, .page-template-template-orders .edit-link, .page-template-template-orders .storefront-breadcrumb { display: none !important; }
.logged-in.woocommerce-account .nav-tab-wrapper, .page-template-template-orders .nav-tab-wrapper { display: flex; position: relative; z-index: 3; bottom: -15px; }
@media screen and (max-width: 992px) { .logged-in.woocommerce-account .nav-tab-wrapper, .page-template-template-orders .nav-tab-wrapper { flex-wrap: wrap !important; bottom: -8px; } }
.logged-in.woocommerce-account .nav-tab-wrapper .nav-tab, .page-template-template-orders .nav-tab-wrapper .nav-tab { background-color: #58668b; color: #ffffff; border: none; margin: 0 15px 15px 0; font-size: 15px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
@media screen and (max-width: 992px) { .logged-in.woocommerce-account .nav-tab-wrapper .nav-tab, .page-template-template-orders .nav-tab-wrapper .nav-tab { margin: 0 8px 8px 0; padding: 8px 10px; font-size: 14px; } }
.logged-in.woocommerce-account .nav-tab-wrapper .nav-tab.active, .page-template-template-orders .nav-tab-wrapper .nav-tab.active { color: #000000; background-color: #ffffff; }
.logged-in.woocommerce-account .tab-content, .page-template-template-orders .tab-content { margin-bottom: 20px; margin-top: 60px; padding: 0 !important; animation: show_block 0.5s forwards; }
.logged-in.woocommerce-account .nofitication-message-lists, .page-template-template-orders .nofitication-message-lists { margin-top: 60px; margin-bottom: 35px; }
.logged-in.woocommerce-account .mess-list-item, .page-template-template-orders .mess-list-item { margin-bottom: 15px; background-color: #eed4d7; padding: 8px 0; display: flex; align-items: center; }
@media screen and (max-width: 768px) { .logged-in.woocommerce-account .mess-list-item, .page-template-template-orders .mess-list-item { flex-wrap: wrap; } }
.logged-in.woocommerce-account .mess-list-item .col-icon, .page-template-template-orders .mess-list-item .col-icon { width: 53px; display: flex; align-items: center; justify-content: center; padding: 5px 0; }
.logged-in.woocommerce-account .mess-list-item .col-label, .page-template-template-orders .mess-list-item .col-label { width: 100%; max-width: 140px; color: #bb4948; font-weight: bold; padding: 5px 15px; border-left: 1px solid #bb4948; border-right: 1px solid #bb4948; }
@media screen and (max-width: 992px) { .logged-in.woocommerce-account .mess-list-item .col-label, .page-template-template-orders .mess-list-item .col-label { font-size: 14px; } }
@media screen and (max-width: 768px) { .logged-in.woocommerce-account .mess-list-item .col-label, .page-template-template-orders .mess-list-item .col-label { border-right: none; } }
.logged-in.woocommerce-account .mess-list-item .col-cont, .page-template-template-orders .mess-list-item .col-cont { width: calc(100% - 190px); padding: 0 15px; color: #bb4948; font-weight: 600; line-height: 1.3; }
@media screen and (max-width: 992px) { .logged-in.woocommerce-account .mess-list-item .col-cont, .page-template-template-orders .mess-list-item .col-cont { font-size: 14px; } }
@media screen and (max-width: 768px) { .logged-in.woocommerce-account .mess-list-item .col-cont, .page-template-template-orders .mess-list-item .col-cont { width: 100%; } }
.logged-in.woocommerce-account .mess-list-item .col-cont a, .page-template-template-orders .mess-list-item .col-cont a { color: #737e9c !important; }

.page-template-template-orders .woocommerce-Pagination { display: flex; justify-content: space-between; margin: 20px 0 40px 0; width: 100%; }
.page-template-template-orders .woocommerce-order-details { margin-bottom: 40px; }
.page-template-template-orders .woocommerce-customer-details .woocommerce-columns { margin-bottom: 30px; }
.page-template-template-orders .woocommerce-customer-details .woocommerce-column { padding-left: 0; }
@media screen and (max-width: 768px) { .page-template-template-orders .woocommerce-customer-details .woocommerce-column { width: 100% !important; max-width: 100% !important; } }
.page-template-template-orders .woocommerce-MyAccount-navigation { display: none; }
.page-template-template-orders .woocommerce-MyAccount-content { width: 100% !important; float: unset !important; margin-right: 0 !important; }
.page-template-template-orders table { margin-bottom: 0; border: 2px solid #f2f3f5; border-collapse: collapse; }
.page-template-template-orders table td, .page-template-template-orders table th { border: 2px solid #f2f3f5; }
.page-template-template-orders table th { text-align: center; text-transform: uppercase; background: #495058; padding: 10px 15px; color: #ffffff; font-weight: 400; font-size: 15px; }
.page-template-template-orders table td { text-align: center !important; vertical-align: middle; padding: 10px 15px; font-size: 16px; background-color: #dee1e6 !important; }
.page-template-template-orders table td .actions-link { color: #bb4948 !important; text-decoration: underline; text-underline-offset: 2px; }
@media screen and (max-width: 768px) { .page-template-template-orders table td { text-align: right !important; } }
.page-template-template-orders table .tracking-details select, .page-template-template-orders table .tracking-details input[type="text"] { width: 100%; margin-bottom: 10px; padding: 0.375rem 0.75rem !important; border: 1px solid #000000 !important; display: block; }
.page-template-template-orders table .tracking-details input[type="button"] { width: 100% !important; padding: 0.375rem 0.75rem !important; }
.page-template-template-orders table .link-details { color: #bb4948 !important; text-decoration: underline; text-underline-offset: 2px; }
.page-template-template-orders table .link-details:hover { text-decoration: none; }
.page-template-template-orders table tr:nth-child(even) td { background-color: #e8ecef !important; }
.page-template-template-orders .order-again { margin-left: 2px; margin-top: 30px; }
.page-template-template-orders .woocommerce-OrderUpdates { margin-left: 25px; }
.page-template-template-orders .woocommerce-OrderUpdates li .meta { margin-bottom: 8px; font-weight: 600; }
.page-template-template-orders .list-attachments-file { list-style: none; padding: 0; margin-left: 0; margin-bottom: 40px; }
.page-template-template-orders .list-attachments-file a { text-decoration: underline !important; text-underline-offset: 2px !important; text-decoration-thickness: 1px !important; white-space: wrap; }
.page-template-template-orders .table-mesventest { overflow: auto; }
.page-template-template-orders .table-mesventest table th { min-width: 130px; }
.page-template-template-orders .table-mesventest table th:first-child { min-width: 110px; }
.page-template-template-orders .table-mesventest table th.tracking-details, .page-template-template-orders .table-mesventest table th.transport { width: 300px; min-width: 250px; }
.page-template-template-orders .table-mesventest table td { text-align: center !important; }
.page-template-template-orders .table-mesventest table td .button-submit-loader { position: relative; }
.page-template-template-orders .table-mesventest table td .button-submit-loader .loader { position: absolute; top: 9px; right: 13px; width: 20px; height: 20px; }
.page-template-template-orders .table-mesventest table td .button-submit-loader .loader::after { width: 15px; height: 15px; background-color: #a9afc1; }

.selling-details .title-box { margin-bottom: 20px; background-color: #344267; padding: 6px 15px; width: fit-content; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); color: #ffffff; }
.selling-details .selling-details-heading { font-size: 33px !important; text-align: center; margin-bottom: 50px; }
@media screen and (max-width: 992px) { .selling-details .selling-details-heading { font-size: 28px !important; margin-bottom: 20px; } }
@media screen and (max-width: 480px) { .selling-details .selling-details-heading { font-size: 24px !important; margin-bottom: 15px; } }
.selling-details .address-account .icon-home { position: relative; top: -3px; display: inline-block; margin-right: 3px; }
.selling-details .col-pading-top-sidebar { padding-top: 93px; }
@media screen and (max-width: 768px) { .selling-details .col-pading-top-sidebar { padding-top: 40px; } }
.selling-details table { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); }
.selling-details table th { background-color: #344267 !important; text-align: center !important; }
.selling-details table td { text-align: center !important; }
.selling-details table td .group-prod-noti { position: relative; width: fit-content; margin: 0 auto; }
.selling-details table td .group-prod-noti .icon-tooltip { position: absolute; top: -5px; right: -12px; opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.selling-details table td .group-prod-noti .tooltip-noti { background-color: #323334; color: #ffffff; border-radius: 5px; position: absolute; top: -31px; padding: 5px 15px; font-size: 12px; white-space: nowrap; left: 40%; display: block; width: max-content; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.selling-details table td .group-prod-noti .group-content { position: relative; }
.selling-details table td .group-prod-noti .group-content::after { position: absolute; bottom: -9px; left: 20px; width: 0; height: 0; content: ""; border-top: 5px solid #323334; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.selling-details table td:hover .icon-tooltip { opacity: 0; visibility: hidden; }
.selling-details table td:hover .tooltip-noti { opacity: 1; visibility: visible; }
.selling-details .table-total { overflow: auto; }
.selling-details .table-total tr td { color: #ffffff !important; }
.selling-details .table-total tr td:first-child { min-width: 170px; background-color: #344267 !important; }
.selling-details .table-total tr td:last-child { min-width: 150px; background-color: #58668b !important; }
.selling-details .block-note { padding: 15px 20px; border-radius: 8px; background-color: #fafafa; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); }
.selling-details .group-table-overflow { overflow: auto; }
.selling-details .group-table-overflow table th { min-width: 130px; }
.selling-details .group-table-overflow table th:first-child { min-width: 200px; }
.selling-details .summary-box { background-color: #344267; color: #ffffff; display: flex; gap: 30px; margin-top: 1px; }
.selling-details .summary-box > div { text-align: center; padding: 10px 15px; width: 50%; }

.woocommerce-orders-table__cell-order-actions { display: flex !important; align-items: center; justify-content: center; }
@media screen and (max-width: 768px) { .woocommerce-orders-table__cell-order-actions { position: relative; justify-content: flex-end; }
  .woocommerce-orders-table__cell-order-actions::before { position: absolute; left: 15px; } }

.group-attachment-files { position: relative; opacity: 0.3; pointer-events: none; }
.group-attachment-files .list-attachments-files-popup { background-color: #ffffff; width: fit-content; padding: 10px 20px; list-style: none; margin: 0; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; display: none; position: absolute; right: 50%; margin-top: -10px; min-width: 195px; height: auto; max-height: 150px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #cccccc #ffffff; z-index: 10; /* Chrome, edge */ }
.group-attachment-files .list-attachments-files-popup ::-webkit-scrollbar { width: 4px; }
.group-attachment-files .list-attachments-files-popup ::-webkit-scrollbar-track { background: #ffffff; }
.group-attachment-files .list-attachments-files-popup ::-webkit-scrollbar-thumb { background: #cccccc; }
.group-attachment-files.active { opacity: 1; pointer-events: unset; }
.group-attachment-files.active .list-attachments-files-popup.active { display: block; animation: show_block 0.3s forwards; }
.group-attachment-files .item-attachment { text-align: center; }
.group-attachment-files .item-attachment a { font-size: 15px; line-height: 1.1; color: #bb4948 !important; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
.group-attachment-files .button-attach-file { margin-left: 10px; padding: 7px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; cursor: pointer; background-color: #737e9c; position: relative; z-index: 1; }
.group-attachment-files .button-attach-file.active { pointer-events: none; }
.group-attachment-files .button-attach-file img { filter: invert(1) brightness(1); }
.group-attachment-files .button-attach-file .count-file { top: -4px; right: -4px; position: absolute; width: auto; border-radius: 50%; min-width: 16px; height: 16px; background-color: #bb4b49; color: #ffffff !important; font-size: 10px; display: flex; align-items: center; justify-content: center; padding: 3px; }

.page-template-template-register .container-special { max-width: 100% !important; padding: 0 !important; margin: 0 !important; }

.page-template-template-register, .page-template-template-myaccount, .page-template-template-register-individual { background-color: #f2f3f5 !important; }
.page-template-template-register .group-register .button-register, .page-template-template-myaccount .group-register .button-register, .page-template-template-register-individual .group-register .button-register { margin-right: 0 !important; color: #58658a !important; border-color: #58658a !important; }
.page-template-template-register .group-register .button-register:hover, .page-template-template-myaccount .group-register .button-register:hover, .page-template-template-register-individual .group-register .button-register:hover { color: #ffffff !important; }
.page-template-template-register .popup-choose-page-register.active-popup, .page-template-template-myaccount .popup-choose-page-register.active-popup, .page-template-template-register-individual .popup-choose-page-register.active-popup { z-index: 1100; }
.page-template-template-register .popup-choose-page-register .group-content-popup, .page-template-template-myaccount .popup-choose-page-register .group-content-popup, .page-template-template-register-individual .popup-choose-page-register .group-content-popup { padding: 30px 35px 40px; }
.page-template-template-register .popup-choose-page-register .group-content-popup .popup-title, .page-template-template-myaccount .popup-choose-page-register .group-content-popup .popup-title, .page-template-template-register-individual .popup-choose-page-register .group-content-popup .popup-title { margin-bottom: 22px; font-size: 20px; }
.page-template-template-register .popup-choose-page-register .group-content-popup .group-radio-select, .page-template-template-myaccount .popup-choose-page-register .group-content-popup .group-radio-select, .page-template-template-register-individual .popup-choose-page-register .group-content-popup .group-radio-select { margin-bottom: 25px; }
.page-template-template-register .popup-choose-page-register .group-content-popup .group-radio-select .item-radio-select, .page-template-template-myaccount .popup-choose-page-register .group-content-popup .group-radio-select .item-radio-select, .page-template-template-register-individual .popup-choose-page-register .group-content-popup .group-radio-select .item-radio-select { font-size: 16px; }
.page-template-template-register .popup-choose-page-register .group-content-popup .popup-btn-link, .page-template-template-myaccount .popup-choose-page-register .group-content-popup .popup-btn-link, .page-template-template-register-individual .popup-choose-page-register .group-content-popup .popup-btn-link { font-size: 18px; }
@media screen and (max-width: 768px) { .page-template-template-register .popup-choose-page-register .group-content-popup, .page-template-template-myaccount .popup-choose-page-register .group-content-popup, .page-template-template-register-individual .popup-choose-page-register .group-content-popup { padding: 25px 28px 30px; }
  .page-template-template-register .popup-choose-page-register .group-content-popup .popup-title, .page-template-template-myaccount .popup-choose-page-register .group-content-popup .popup-title, .page-template-template-register-individual .popup-choose-page-register .group-content-popup .popup-title { font-size: 15px; }
  .page-template-template-register .popup-choose-page-register .group-content-popup .group-radio-select, .page-template-template-myaccount .popup-choose-page-register .group-content-popup .group-radio-select, .page-template-template-register-individual .popup-choose-page-register .group-content-popup .group-radio-select { margin-bottom: 20px; }
  .page-template-template-register .popup-choose-page-register .group-content-popup .group-radio-select .item-radio-select, .page-template-template-myaccount .popup-choose-page-register .group-content-popup .group-radio-select .item-radio-select, .page-template-template-register-individual .popup-choose-page-register .group-content-popup .group-radio-select .item-radio-select { font-size: 14px; }
  .page-template-template-register .popup-choose-page-register .group-content-popup .popup-btn-link, .page-template-template-myaccount .popup-choose-page-register .group-content-popup .popup-btn-link, .page-template-template-register-individual .popup-choose-page-register .group-content-popup .popup-btn-link { font-size: 15px; } }
.page-template-template-register .storefront-breadcrumb, .page-template-template-myaccount .storefront-breadcrumb, .page-template-template-register-individual .storefront-breadcrumb { margin-bottom: 0; }
.page-template-template-register .banner-step-register, .page-template-template-myaccount .banner-step-register, .page-template-template-register-individual .banner-step-register { margin: 0 0 115px 0; }
@media screen and (max-width: 768px) { .page-template-template-register .banner-step-register, .page-template-template-myaccount .banner-step-register, .page-template-template-register-individual .banner-step-register { margin: 0 0 75px 0; } }
.page-template-template-register .banner-step-register .logo-register img, .page-template-template-myaccount .banner-step-register .logo-register img, .page-template-template-register-individual .banner-step-register .logo-register img { width: 90px; }
@media screen and (max-width: 480px) { .page-template-template-register .banner-step-register .logo-register img, .page-template-template-myaccount .banner-step-register .logo-register img, .page-template-template-register-individual .banner-step-register .logo-register img { width: 70px; } }
.page-template-template-register .banner-step-register .group-content-banner, .page-template-template-myaccount .banner-step-register .group-content-banner, .page-template-template-register-individual .banner-step-register .group-content-banner { position: relative; }
.page-template-template-register .banner-step-register .group-content-banner::after, .page-template-template-myaccount .banner-step-register .group-content-banner::after, .page-template-template-register-individual .banner-step-register .group-content-banner::after { position: absolute; left: 50%; bottom: -15px; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); content: ""; height: 15px; width: calc(100% - 50px); background-color: #e8ecef; }
.page-template-template-register .banner-step-register .group-content-banner::before, .page-template-template-myaccount .banner-step-register .group-content-banner::before, .page-template-template-register-individual .banner-step-register .group-content-banner::before { content: ""; display: block; position: absolute; top: 0; right: 0; background-image: url("./assets/images/bg/pattern_6.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 300px; height: 300px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0.5; z-index: 0; }
@media screen and (max-width: 992px) { .page-template-template-register .banner-step-register .group-content-banner::before, .page-template-template-myaccount .banner-step-register .group-content-banner::before, .page-template-template-register-individual .banner-step-register .group-content-banner::before { width: 200px; height: 200px; } }
.page-template-template-register .banner-step-register .heading-register, .page-template-template-myaccount .banner-step-register .heading-register, .page-template-template-register-individual .banner-step-register .heading-register { position: relative; text-align: center; z-index: 1; }
.page-template-template-register .banner-step-register .heading-register::after, .page-template-template-myaccount .banner-step-register .heading-register::after, .page-template-template-register-individual .banner-step-register .heading-register::after { content: ""; height: 0.5px; width: 100%; max-width: 150px; background-color: #af9e97; position: absolute; bottom: -18px; left: 50%; right: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media screen and (max-width: 768px) { .page-template-template-register .banner-step-register .heading-register::after, .page-template-template-myaccount .banner-step-register .heading-register::after, .page-template-template-register-individual .banner-step-register .heading-register::after { max-width: 100px; } }
.page-template-template-register .banner-step-register .heading-register h1, .page-template-template-myaccount .banner-step-register .heading-register h1, .page-template-template-register-individual .banner-step-register .heading-register h1 { color: #af9e97; font-weight: 400; line-height: 1; }
@media screen and (max-width: 768px) { .page-template-template-register .banner-step-register .heading-register h1, .page-template-template-myaccount .banner-step-register .heading-register h1, .page-template-template-register-individual .banner-step-register .heading-register h1 { font-size: 30px !important; } }
@media screen and (max-width: 480px) { .page-template-template-register .banner-step-register .heading-register h1, .page-template-template-myaccount .banner-step-register .heading-register h1, .page-template-template-register-individual .banner-step-register .heading-register h1 { font-size: 25px !important; } }
.page-template-template-register .banner-step-register .logo-register, .page-template-template-myaccount .banner-step-register .logo-register, .page-template-template-register-individual .banner-step-register .logo-register { display: flex; justify-content: center; margin-bottom: 30px; position: relative; z-index: 1; }
.page-template-template-register .banner-step-register .group-content-banner, .page-template-template-myaccount .banner-step-register .group-content-banner, .page-template-template-register-individual .banner-step-register .group-content-banner { padding: 30px; background-color: #ffffff; }
.page-template-template-register .steps, .page-template-template-myaccount .steps, .page-template-template-register-individual .steps { display: flex; width: 60%; justify-content: space-around; align-items: center; margin: 140px auto 45px auto; position: relative; z-index: 1; }
@media screen and (max-width: 1200px) { .page-template-template-register .steps, .page-template-template-myaccount .steps, .page-template-template-register-individual .steps { width: 80%; } }
@media screen and (max-width: 992px) { .page-template-template-register .steps, .page-template-template-myaccount .steps, .page-template-template-register-individual .steps { width: 100%; } }
@media screen and (max-width: 768px) { .page-template-template-register .steps, .page-template-template-myaccount .steps, .page-template-template-register-individual .steps { display: block; margin-top: 75px; margin-bottom: 30px; width: fit-content; position: relative; left: -63px; } }
.page-template-template-register .steps .process-step, .page-template-template-myaccount .steps .process-step, .page-template-template-register-individual .steps .process-step { width: 100%; height: 2.5px; background: #ced3d9; position: relative; border-radius: 10px; }
@media screen and (max-width: 768px) { .page-template-template-register .steps .process-step, .page-template-template-myaccount .steps .process-step, .page-template-template-register-individual .steps .process-step { height: 30px; width: 1.5px; } }
.page-template-template-register .steps .process-step::after, .page-template-template-myaccount .steps .process-step::after, .page-template-template-register-individual .steps .process-step::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #46885a; border-radius: 10px; transform-origin: left; transform: scaleX(0); transform: scaleY(unset); transition: transform 0.5s ease-in-out; }
.page-template-template-register .steps .process-step.active::after, .page-template-template-myaccount .steps .process-step.active::after, .page-template-template-register-individual .steps .process-step.active::after { transform: scaleX(1); }
.page-template-template-register .steps .process-step.active-default::after, .page-template-template-myaccount .steps .process-step.active-default::after, .page-template-template-register-individual .steps .process-step.active-default::after { transform: scaleX(1); }
.page-template-template-register .steps .button-reg-step, .page-template-template-myaccount .steps .button-reg-step, .page-template-template-register-individual .steps .button-reg-step { cursor: pointer; background: transparent !important; background-image: url("./assets/images/icon/icon-uncheck.svg") !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; color: #ced3d9 !important; border-radius: 50%; border: none !important; padding: 0 15px; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; font-size: 14px !important; font-weight: 400; text-transform: uppercase; position: relative; width: 20px; height: 20px; }
@media screen and (max-width: 992px) { .page-template-template-register .steps .button-reg-step, .page-template-template-myaccount .steps .button-reg-step, .page-template-template-register-individual .steps .button-reg-step { font-size: 12px !important; } }
@media screen and (max-width: 768px) { .page-template-template-register .steps .button-reg-step, .page-template-template-myaccount .steps .button-reg-step, .page-template-template-register-individual .steps .button-reg-step { margin-left: -12px; } }
.page-template-template-register .steps .button-reg-step.active, .page-template-template-myaccount .steps .button-reg-step.active, .page-template-template-register-individual .steps .button-reg-step.active { font-weight: 600; color: #46885a !important; background-image: url("./assets/images/icon/icon-check.svg") !important; }
.page-template-template-register .steps .button-reg-step::before, .page-template-template-myaccount .steps .button-reg-step::before, .page-template-template-register-individual .steps .button-reg-step::before { position: absolute; top: -65px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 150px; height: fit-content; content: "[1] \A Vos informations"; white-space: pre; }
@media screen and (max-width: 992px) { .page-template-template-register .steps .button-reg-step::before, .page-template-template-myaccount .steps .button-reg-step::before, .page-template-template-register-individual .steps .button-reg-step::before { top: -50px; } }
@media screen and (max-width: 768px) { .page-template-template-register .steps .button-reg-step::before, .page-template-template-myaccount .steps .button-reg-step::before, .page-template-template-register-individual .steps .button-reg-step::before { top: -20px; left: 85px; } }
.page-template-template-register .steps .button-reg-step[data-step="2"]::before, .page-template-template-myaccount .steps .button-reg-step[data-step="2"]::before, .page-template-template-register-individual .steps .button-reg-step[data-step="2"]::before { content: "[2] \A Vos activités"; }
.page-template-template-register .steps .button-reg-step[data-step="3"]::before, .page-template-template-myaccount .steps .button-reg-step[data-step="3"]::before, .page-template-template-register-individual .steps .button-reg-step[data-step="3"]::before { content: "[3] \A Vos agences"; }
.page-template-template-register .steps .button-reg-step[data-step="4"]::before, .page-template-template-myaccount .steps .button-reg-step[data-step="4"]::before, .page-template-template-register-individual .steps .button-reg-step[data-step="4"]::before { content: "[4] \A Vos documents"; }
.page-template-template-register .process-step.active + .button-reg-step, .page-template-template-myaccount .process-step.active + .button-reg-step, .page-template-template-register-individual .process-step.active + .button-reg-step { background-image: url("./assets/images/icon/icon-check.svg") !important; }
.page-template-template-register .register-step, .page-template-template-myaccount .register-step, .page-template-template-register-individual .register-step { display: none; }
.page-template-template-register .register-step.active, .page-template-template-myaccount .register-step.active, .page-template-template-register-individual .register-step.active { display: block; animation: show_block 1s forwards; }
.page-template-template-register .group-block-register, .page-template-template-myaccount .group-block-register, .page-template-template-register-individual .group-block-register { margin-bottom: 90px; }
@media screen and (max-width: 992px) { .page-template-template-register .group-block-register, .page-template-template-myaccount .group-block-register, .page-template-template-register-individual .group-block-register { margin-bottom: 60px; } }
.page-template-template-register .group-block-register-near-button, .page-template-template-myaccount .group-block-register-near-button, .page-template-template-register-individual .group-block-register-near-button { margin-bottom: 40px; }
@media screen and (max-width: 992px) { .page-template-template-register .group-block-register-near-button, .page-template-template-myaccount .group-block-register-near-button, .page-template-template-register-individual .group-block-register-near-button { margin-bottom: 30px; } }
.page-template-template-register .col-main-reg, .page-template-template-myaccount .col-main-reg, .page-template-template-register-individual .col-main-reg { border: 1px solid #64686d; padding: 50px; }
@media screen and (max-width: 768px) { .page-template-template-register .col-main-reg, .page-template-template-myaccount .col-main-reg, .page-template-template-register-individual .col-main-reg { padding: 40px 30px; } }
@media screen and (max-width: 480px) { .page-template-template-register .col-main-reg, .page-template-template-myaccount .col-main-reg, .page-template-template-register-individual .col-main-reg { padding: 30px 15px; } }
.page-template-template-register .col-description-reg, .page-template-template-myaccount .col-description-reg, .page-template-template-register-individual .col-description-reg { padding-right: 0; padding-left: 40px; }
@media screen and (max-width: 768px) { .page-template-template-register .col-description-reg, .page-template-template-myaccount .col-description-reg, .page-template-template-register-individual .col-description-reg { padding-left: 0; margin-top: 30px; } }
.page-template-template-register .col-description-reg .description-reg, .page-template-template-myaccount .col-description-reg .description-reg, .page-template-template-register-individual .col-description-reg .description-reg { padding: 48px 15px; height: 100%; background-color: #ffffff; font-size: 14px; line-height: 1.3; }
.page-template-template-register .col-description-reg .description-reg p, .page-template-template-myaccount .col-description-reg .description-reg p, .page-template-template-register-individual .col-description-reg .description-reg p { margin-bottom: 10px; }
.page-template-template-register .col-description-reg .description-reg .border-dot, .page-template-template-myaccount .col-description-reg .description-reg .border-dot, .page-template-template-register-individual .col-description-reg .description-reg .border-dot { border-bottom: 1px dashed #000000; margin: 40px 0; }
@media screen and (max-width: 768px) { .page-template-template-register .col-description-reg .description-reg, .page-template-template-myaccount .col-description-reg .description-reg, .page-template-template-register-individual .col-description-reg .description-reg { padding: 28px 30px; } }
@media screen and (max-width: 480px) { .page-template-template-register .col-description-reg .description-reg, .page-template-template-myaccount .col-description-reg .description-reg, .page-template-template-register-individual .col-description-reg .description-reg { padding: 28px 15px; font-size: 15px; } }
@media screen and (max-width: 768px) { .page-template-template-register .block-documents-transmitted .col-main-reg, .page-template-template-myaccount .block-documents-transmitted .col-main-reg, .page-template-template-register-individual .block-documents-transmitted .col-main-reg { border: 1px solid #56668b !important; }
  .page-template-template-register .block-documents-transmitted .col-main-reg.padding-top-none, .page-template-template-myaccount .block-documents-transmitted .col-main-reg.padding-top-none, .page-template-template-register-individual .block-documents-transmitted .col-main-reg.padding-top-none { padding-top: 40px !important; } }
@media screen and (max-width: 480px) { .page-template-template-register .block-documents-transmitted .col-main-reg.padding-top-none, .page-template-template-myaccount .block-documents-transmitted .col-main-reg.padding-top-none, .page-template-template-register-individual .block-documents-transmitted .col-main-reg.padding-top-none { padding-top: 30px !important; } }
.page-template-template-register .block-documents-transmitted .description-reg, .page-template-template-myaccount .block-documents-transmitted .description-reg, .page-template-template-register-individual .block-documents-transmitted .description-reg { position: relative; }
.page-template-template-register .block-documents-transmitted .description-reg::before, .page-template-template-myaccount .block-documents-transmitted .description-reg::before, .page-template-template-register-individual .block-documents-transmitted .description-reg::before { position: absolute; content: ""; height: 0.5px; width: calc(100% - 30px); top: 10px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); background-color: #b7cfc5; }
@media screen and (max-width: 768px) { .page-template-template-register .block-documents-transmitted .description-reg::before, .page-template-template-myaccount .block-documents-transmitted .description-reg::before, .page-template-template-register-individual .block-documents-transmitted .description-reg::before { display: none; } }
.page-template-template-register .block-documents-transmitted.group-doc-upload .col-main-reg, .page-template-template-myaccount .block-documents-transmitted.group-doc-upload .col-main-reg, .page-template-template-register-individual .block-documents-transmitted.group-doc-upload .col-main-reg { padding-bottom: 25px; }
@media screen and (max-width: 480px) { .page-template-template-register .block-documents-transmitted.group-doc-upload .col-main-reg, .page-template-template-myaccount .block-documents-transmitted.group-doc-upload .col-main-reg, .page-template-template-register-individual .block-documents-transmitted.group-doc-upload .col-main-reg { padding-bottom: 5px; } }
@media screen and (max-width: 768px) { .page-template-template-register .block-documents-transmitted.group-doc-obligatoires-au-plus, .page-template-template-register .block-documents-transmitted.group-doc-recommand, .page-template-template-myaccount .block-documents-transmitted.group-doc-obligatoires-au-plus, .page-template-template-myaccount .block-documents-transmitted.group-doc-recommand, .page-template-template-register-individual .block-documents-transmitted.group-doc-obligatoires-au-plus, .page-template-template-register-individual .block-documents-transmitted.group-doc-recommand { margin-bottom: 30px; } }
@media screen and (max-width: 768px) { .page-template-template-register .block-documents-transmitted.group-doc-obligatoires, .page-template-template-register .block-documents-transmitted.group-doc-upload, .page-template-template-myaccount .block-documents-transmitted.group-doc-obligatoires, .page-template-template-myaccount .block-documents-transmitted.group-doc-upload, .page-template-template-register-individual .block-documents-transmitted.group-doc-obligatoires, .page-template-template-register-individual .block-documents-transmitted.group-doc-upload { margin-bottom: 30px; } }
.page-template-template-register .block-documents-transmitted.group-doc-obligatoires .description-reg::before, .page-template-template-register .block-documents-transmitted.group-doc-upload .description-reg::before, .page-template-template-myaccount .block-documents-transmitted.group-doc-obligatoires .description-reg::before, .page-template-template-myaccount .block-documents-transmitted.group-doc-upload .description-reg::before, .page-template-template-register-individual .block-documents-transmitted.group-doc-obligatoires .description-reg::before, .page-template-template-register-individual .block-documents-transmitted.group-doc-upload .description-reg::before { display: none; }
.page-template-template-register .title-reg-h2, .page-template-template-myaccount .title-reg-h2, .page-template-template-register-individual .title-reg-h2 { font-size: 22px !important; width: fit-content; padding: 0 5px; margin-left: -5px; margin-top: calc(-50px - 13px); margin-bottom: 36px; background-color: #f2f3f5; }
@media screen and (max-width: 768px) { .page-template-template-register .title-reg-h2, .page-template-template-myaccount .title-reg-h2, .page-template-template-register-individual .title-reg-h2 { font-size: 20px !important; margin-bottom: 27px; margin-top: calc(-40px - 12px); } }
@media screen and (max-width: 480px) { .page-template-template-register .title-reg-h2, .page-template-template-myaccount .title-reg-h2, .page-template-template-register-individual .title-reg-h2 { margin-bottom: 17px; margin-top: calc(-30px - 12px); } }
.page-template-template-register .title-reg-h3, .page-template-template-register .title-reg-h4, .page-template-template-myaccount .title-reg-h3, .page-template-template-myaccount .title-reg-h4, .page-template-template-register-individual .title-reg-h3, .page-template-template-register-individual .title-reg-h4 { font-size: 18px !important; font-weight: 600; position: relative; margin: 40px 0 30px 0; padding: 0; border: none; }
@media screen and (max-width: 768px) { .page-template-template-register .title-reg-h3, .page-template-template-register .title-reg-h4, .page-template-template-myaccount .title-reg-h3, .page-template-template-myaccount .title-reg-h4, .page-template-template-register-individual .title-reg-h3, .page-template-template-register-individual .title-reg-h4 { font-size: 17px !important; margin: 30px 0 20px 0; } }
@media screen and (max-width: 480px) { .page-template-template-register .title-reg-h3, .page-template-template-register .title-reg-h4, .page-template-template-myaccount .title-reg-h3, .page-template-template-myaccount .title-reg-h4, .page-template-template-register-individual .title-reg-h3, .page-template-template-register-individual .title-reg-h4 { font-size: 16px !important; margin: 20px 0 15px 0; } }
.page-template-template-register .title-reg-h3 span, .page-template-template-register .title-reg-h4 span, .page-template-template-myaccount .title-reg-h3 span, .page-template-template-myaccount .title-reg-h4 span, .page-template-template-register-individual .title-reg-h3 span, .page-template-template-register-individual .title-reg-h4 span { background-color: #f2f3f5; padding-right: 5px; width: fit-content; position: relative; z-index: 2; }
.page-template-template-register .title-reg-h3::after, .page-template-template-register .title-reg-h4::after, .page-template-template-myaccount .title-reg-h3::after, .page-template-template-myaccount .title-reg-h4::after, .page-template-template-register-individual .title-reg-h3::after, .page-template-template-register-individual .title-reg-h4::after { position: absolute; background-color: #64686d; content: ""; width: 100%; height: 0.5px; left: 0; top: 50%; z-index: 1; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.page-template-template-register .title-reg-h4, .page-template-template-myaccount .title-reg-h4, .page-template-template-register-individual .title-reg-h4 { font-size: 16px !important; }
.page-template-template-register .title-reg-h3-no-line, .page-template-template-myaccount .title-reg-h3-no-line, .page-template-template-register-individual .title-reg-h3-no-line { font-size: 17px !important; font-weight: 600; position: relative; margin: 40px 0 30px 0; border: none; font-family: "Source Sans Pro", sans-serif !important; }
@media screen and (max-width: 768px) { .page-template-template-register .title-reg-h3-no-line, .page-template-template-myaccount .title-reg-h3-no-line, .page-template-template-register-individual .title-reg-h3-no-line { font-size: 16px !important; margin: 30px 0 20px 0; } }
@media screen and (max-width: 480px) { .page-template-template-register .title-reg-h3-no-line, .page-template-template-myaccount .title-reg-h3-no-line, .page-template-template-register-individual .title-reg-h3-no-line { margin: 20px 0 15px 0; } }
.page-template-template-register .input-reg-control, .page-template-template-register .label-input-reg-control, .page-template-template-register .textarea-reg-control, .page-template-template-register .checkbox-reg-control, .page-template-template-myaccount .input-reg-control, .page-template-template-myaccount .label-input-reg-control, .page-template-template-myaccount .textarea-reg-control, .page-template-template-myaccount .checkbox-reg-control, .page-template-template-register-individual .input-reg-control, .page-template-template-register-individual .label-input-reg-control, .page-template-template-register-individual .textarea-reg-control, .page-template-template-register-individual .checkbox-reg-control { margin-bottom: 10px; }
.page-template-template-register .input-reg-control .validate_msg_err, .page-template-template-register .label-input-reg-control .validate_msg_err, .page-template-template-register .textarea-reg-control .validate_msg_err, .page-template-template-register .checkbox-reg-control .validate_msg_err, .page-template-template-myaccount .input-reg-control .validate_msg_err, .page-template-template-myaccount .label-input-reg-control .validate_msg_err, .page-template-template-myaccount .textarea-reg-control .validate_msg_err, .page-template-template-myaccount .checkbox-reg-control .validate_msg_err, .page-template-template-register-individual .input-reg-control .validate_msg_err, .page-template-template-register-individual .label-input-reg-control .validate_msg_err, .page-template-template-register-individual .textarea-reg-control .validate_msg_err, .page-template-template-register-individual .checkbox-reg-control .validate_msg_err { display: block; width: 100%; margin-top: 3px; line-height: 1; font-size: 12px; color: red; font-style: italic; }
.page-template-template-register .checkbox-reg-control, .page-template-template-myaccount .checkbox-reg-control, .page-template-template-register-individual .checkbox-reg-control { margin-bottom: 0 !important; }
.page-template-template-register #msg-err, .page-template-template-myaccount #msg-err, .page-template-template-register-individual #msg-err { display: block; width: 100%; margin-top: 3px; line-height: 1; font-size: 12px; color: red; font-style: italic; }
.page-template-template-register .validate-group-special, .page-template-template-myaccount .validate-group-special, .page-template-template-register-individual .validate-group-special { position: relative; }
.page-template-template-register .validate-group-special .validate_msg_err, .page-template-template-myaccount .validate-group-special .validate_msg_err, .page-template-template-register-individual .validate-group-special .validate_msg_err { position: absolute; left: 0; bottom: -25px; width: 160px; }
.page-template-template-register .validate-group-special .special-condition, .page-template-template-myaccount .validate-group-special .special-condition, .page-template-template-register-individual .validate-group-special .special-condition { bottom: -50px; width: 200px; }
.page-template-template-register .input-reg, .page-template-template-register .select-reg, .page-template-template-register .textarea-reg, .page-template-template-myaccount .input-reg, .page-template-template-myaccount .select-reg, .page-template-template-myaccount .textarea-reg, .page-template-template-register-individual .input-reg, .page-template-template-register-individual .select-reg, .page-template-template-register-individual .textarea-reg { width: 100%; height: 43px; background-color: #ffffff !important; font-size: 18px; margin-bottom: 0; padding: 10px !important; border: none !important; }
.page-template-template-register .input-reg::placeholder, .page-template-template-register .select-reg::placeholder, .page-template-template-register .textarea-reg::placeholder, .page-template-template-myaccount .input-reg::placeholder, .page-template-template-myaccount .select-reg::placeholder, .page-template-template-myaccount .textarea-reg::placeholder, .page-template-template-register-individual .input-reg::placeholder, .page-template-template-register-individual .select-reg::placeholder, .page-template-template-register-individual .textarea-reg::placeholder { color: #8d959b !important; font-style: italic !important; }
.page-template-template-register .input-reg:focus, .page-template-template-register .select-reg:focus, .page-template-template-register .textarea-reg:focus, .page-template-template-myaccount .input-reg:focus, .page-template-template-myaccount .select-reg:focus, .page-template-template-myaccount .textarea-reg:focus, .page-template-template-register-individual .input-reg:focus, .page-template-template-register-individual .select-reg:focus, .page-template-template-register-individual .textarea-reg:focus { background-color: #fafafa !important; }
@media screen and (max-width: 768px) { .page-template-template-register .input-reg, .page-template-template-register .select-reg, .page-template-template-register .textarea-reg, .page-template-template-myaccount .input-reg, .page-template-template-myaccount .select-reg, .page-template-template-myaccount .textarea-reg, .page-template-template-register-individual .input-reg, .page-template-template-register-individual .select-reg, .page-template-template-register-individual .textarea-reg { font-size: 16px; } }
.page-template-template-register .select-reg, .page-template-template-myaccount .select-reg, .page-template-template-register-individual .select-reg { padding-left: 7px !important; }
.page-template-template-register .textarea-reg, .page-template-template-myaccount .textarea-reg, .page-template-template-register-individual .textarea-reg { padding: 6px 10px !important; }
.page-template-template-register .input-password-eye .fa, .page-template-template-myaccount .input-password-eye .fa, .page-template-template-register-individual .input-password-eye .fa { top: 50%; }
.page-template-template-register .block_usages p, .page-template-template-myaccount .block_usages p, .page-template-template-register-individual .block_usages p { margin-bottom: 8px; }
.page-template-template-register .block_usages .input-reg, .page-template-template-myaccount .block_usages .input-reg, .page-template-template-register-individual .block_usages .input-reg { margin-bottom: 15px; }
.page-template-template-register .checkbox-reg, .page-template-template-myaccount .checkbox-reg, .page-template-template-register-individual .checkbox-reg { display: block; position: relative; padding-left: 30px; font-size: 17px; line-height: 1.3; margin-bottom: 0; margin-top: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.page-template-template-register .checkbox-reg p, .page-template-template-myaccount .checkbox-reg p, .page-template-template-register-individual .checkbox-reg p { margin-bottom: 0; }
.page-template-template-register .checkbox-reg a, .page-template-template-myaccount .checkbox-reg a, .page-template-template-register-individual .checkbox-reg a { color: #56668b !important; }
@media screen and (max-width: 768px) { .page-template-template-register .checkbox-reg, .page-template-template-myaccount .checkbox-reg, .page-template-template-register-individual .checkbox-reg { font-size: 16px; margin-top: 20px; } }
@media screen and (max-width: 480px) { .page-template-template-register .checkbox-reg, .page-template-template-myaccount .checkbox-reg, .page-template-template-register-individual .checkbox-reg { margin-top: 10px; font-size: 15px; } }
.page-template-template-register .checkbox-reg input, .page-template-template-myaccount .checkbox-reg input, .page-template-template-register-individual .checkbox-reg input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.page-template-template-register .checkbox-reg input:checked ~ .checkmark, .page-template-template-myaccount .checkbox-reg input:checked ~ .checkmark, .page-template-template-register-individual .checkbox-reg input:checked ~ .checkmark { background-color: transparent; }
.page-template-template-register .checkbox-reg input:checked ~ .checkmark::after, .page-template-template-myaccount .checkbox-reg input:checked ~ .checkmark::after, .page-template-template-register-individual .checkbox-reg input:checked ~ .checkmark::after { display: block; }
.page-template-template-register .checkbox-reg .checkmark, .page-template-template-myaccount .checkbox-reg .checkmark, .page-template-template-register-individual .checkbox-reg .checkmark { position: absolute; top: 2px; left: 0; height: 18px; width: 18px; background-color: transparent; border: 1px solid #64686d; }
.page-template-template-register .checkbox-reg .checkmark::after, .page-template-template-myaccount .checkbox-reg .checkmark::after, .page-template-template-register-individual .checkbox-reg .checkmark::after { content: ""; position: absolute; display: none; left: 5px; top: 1px; width: 6px; height: 11px; border: solid #60c8ff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.page-template-template-register .checkbox-reg .ratiomark, .page-template-template-myaccount .checkbox-reg .ratiomark, .page-template-template-register-individual .checkbox-reg .ratiomark { border-radius: 50%; }
.page-template-template-register .checkbox-reg .ratiomark::after, .page-template-template-myaccount .checkbox-reg .ratiomark::after, .page-template-template-register-individual .checkbox-reg .ratiomark::after { border-radius: 50%; }
.page-template-template-register .checkbox-dropdown-reg-control, .page-template-template-register .checkbox-dropdown-reg-control-type-2, .page-template-template-myaccount .checkbox-dropdown-reg-control, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2, .page-template-template-register-individual .checkbox-dropdown-reg-control, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2 { border: 1px solid #d1d8dc; margin-left: 27px; margin-bottom: 10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.page-template-template-register .checkbox-dropdown-reg-control .checkbox-reg, .page-template-template-register .checkbox-dropdown-reg-control-type-2 .checkbox-reg, .page-template-template-myaccount .checkbox-dropdown-reg-control .checkbox-reg, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2 .checkbox-reg, .page-template-template-register-individual .checkbox-dropdown-reg-control .checkbox-reg, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2 .checkbox-reg { padding-left: 25px; font-size: 16px; line-height: 22px; margin: 9px 0; }
@media screen and (max-width: 480px) { .page-template-template-register .checkbox-dropdown-reg-control .checkbox-reg, .page-template-template-register .checkbox-dropdown-reg-control-type-2 .checkbox-reg, .page-template-template-myaccount .checkbox-dropdown-reg-control .checkbox-reg, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2 .checkbox-reg, .page-template-template-register-individual .checkbox-dropdown-reg-control .checkbox-reg, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2 .checkbox-reg { font-size: 15px; } }
.page-template-template-register .checkbox-dropdown-reg-control .checkbox-reg input:checked ~ .checkmark, .page-template-template-register .checkbox-dropdown-reg-control-type-2 .checkbox-reg input:checked ~ .checkmark, .page-template-template-myaccount .checkbox-dropdown-reg-control .checkbox-reg input:checked ~ .checkmark, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2 .checkbox-reg input:checked ~ .checkmark, .page-template-template-register-individual .checkbox-dropdown-reg-control .checkbox-reg input:checked ~ .checkmark, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2 .checkbox-reg input:checked ~ .checkmark { background-color: transparent; }
.page-template-template-register .checkbox-dropdown-reg-control .checkbox-reg input:checked ~ .checkmark::after, .page-template-template-register .checkbox-dropdown-reg-control-type-2 .checkbox-reg input:checked ~ .checkmark::after, .page-template-template-myaccount .checkbox-dropdown-reg-control .checkbox-reg input:checked ~ .checkmark::after, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2 .checkbox-reg input:checked ~ .checkmark::after, .page-template-template-register-individual .checkbox-dropdown-reg-control .checkbox-reg input:checked ~ .checkmark::after, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2 .checkbox-reg input:checked ~ .checkmark::after { display: block; }
.page-template-template-register .checkbox-dropdown-reg-control .checkbox-reg .checkmark, .page-template-template-register .checkbox-dropdown-reg-control-type-2 .checkbox-reg .checkmark, .page-template-template-myaccount .checkbox-dropdown-reg-control .checkbox-reg .checkmark, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2 .checkbox-reg .checkmark, .page-template-template-register-individual .checkbox-dropdown-reg-control .checkbox-reg .checkmark, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2 .checkbox-reg .checkmark { position: absolute; top: 2px; left: 0; height: 16px; width: 16px; background-color: transparent; border: 1px solid #64686d; }
.page-template-template-register .checkbox-dropdown-reg-control .checkbox-reg .checkmark::after, .page-template-template-register .checkbox-dropdown-reg-control-type-2 .checkbox-reg .checkmark::after, .page-template-template-myaccount .checkbox-dropdown-reg-control .checkbox-reg .checkmark::after, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2 .checkbox-reg .checkmark::after, .page-template-template-register-individual .checkbox-dropdown-reg-control .checkbox-reg .checkmark::after, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2 .checkbox-reg .checkmark::after { content: ""; position: absolute; display: none; left: 50%; top: 50%; width: 8px; height: 8px; background-color: #60c8ff; border: none; transform: unset; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.page-template-template-register .checkbox-dropdown-reg-control .checkbox-dropdown-reg-label .checkbox-reg, .page-template-template-register .checkbox-dropdown-reg-control .checkbox-dropdown-reg-label-type-2 .checkbox-reg, .page-template-template-register .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-label .checkbox-reg, .page-template-template-register .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-label-type-2 .checkbox-reg, .page-template-template-myaccount .checkbox-dropdown-reg-control .checkbox-dropdown-reg-label .checkbox-reg, .page-template-template-myaccount .checkbox-dropdown-reg-control .checkbox-dropdown-reg-label-type-2 .checkbox-reg, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-label .checkbox-reg, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-label-type-2 .checkbox-reg, .page-template-template-register-individual .checkbox-dropdown-reg-control .checkbox-dropdown-reg-label .checkbox-reg, .page-template-template-register-individual .checkbox-dropdown-reg-control .checkbox-dropdown-reg-label-type-2 .checkbox-reg, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-label .checkbox-reg, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-label-type-2 .checkbox-reg { padding: 0 35px 0 15px; position: relative; }
.page-template-template-register .checkbox-dropdown-reg-control .checkbox-dropdown-reg-label .checkbox-reg::after, .page-template-template-register .checkbox-dropdown-reg-control .checkbox-dropdown-reg-label-type-2 .checkbox-reg::after, .page-template-template-register .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-label .checkbox-reg::after, .page-template-template-register .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-label-type-2 .checkbox-reg::after, .page-template-template-myaccount .checkbox-dropdown-reg-control .checkbox-dropdown-reg-label .checkbox-reg::after, .page-template-template-myaccount .checkbox-dropdown-reg-control .checkbox-dropdown-reg-label-type-2 .checkbox-reg::after, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-label .checkbox-reg::after, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-label-type-2 .checkbox-reg::after, .page-template-template-register-individual .checkbox-dropdown-reg-control .checkbox-dropdown-reg-label .checkbox-reg::after, .page-template-template-register-individual .checkbox-dropdown-reg-control .checkbox-dropdown-reg-label-type-2 .checkbox-reg::after, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-label .checkbox-reg::after, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-label-type-2 .checkbox-reg::after { position: absolute; content: url("./assets/images/icon/arrow-bottom.png"); right: 15px; top: -2px; opacity: 0.8; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.page-template-template-register .checkbox-dropdown-reg-control .checkbox-dropdown-reg-label .checkbox-reg.no-child::after, .page-template-template-register .checkbox-dropdown-reg-control .checkbox-dropdown-reg-label-type-2 .checkbox-reg.no-child::after, .page-template-template-register .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-label .checkbox-reg.no-child::after, .page-template-template-register .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-label-type-2 .checkbox-reg.no-child::after, .page-template-template-myaccount .checkbox-dropdown-reg-control .checkbox-dropdown-reg-label .checkbox-reg.no-child::after, .page-template-template-myaccount .checkbox-dropdown-reg-control .checkbox-dropdown-reg-label-type-2 .checkbox-reg.no-child::after, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-label .checkbox-reg.no-child::after, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-label-type-2 .checkbox-reg.no-child::after, .page-template-template-register-individual .checkbox-dropdown-reg-control .checkbox-dropdown-reg-label .checkbox-reg.no-child::after, .page-template-template-register-individual .checkbox-dropdown-reg-control .checkbox-dropdown-reg-label-type-2 .checkbox-reg.no-child::after, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-label .checkbox-reg.no-child::after, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-label-type-2 .checkbox-reg.no-child::after { display: none; content: ""; }
.page-template-template-register .checkbox-dropdown-reg-control .checkbox-dropdown-reg-label .checkmark, .page-template-template-register .checkbox-dropdown-reg-control .checkbox-dropdown-reg-label-type-2 .checkmark, .page-template-template-register .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-label .checkmark, .page-template-template-register .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-label-type-2 .checkmark, .page-template-template-myaccount .checkbox-dropdown-reg-control .checkbox-dropdown-reg-label .checkmark, .page-template-template-myaccount .checkbox-dropdown-reg-control .checkbox-dropdown-reg-label-type-2 .checkmark, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-label .checkmark, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-label-type-2 .checkmark, .page-template-template-register-individual .checkbox-dropdown-reg-control .checkbox-dropdown-reg-label .checkmark, .page-template-template-register-individual .checkbox-dropdown-reg-control .checkbox-dropdown-reg-label-type-2 .checkmark, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-label .checkmark, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-label-type-2 .checkmark { left: -27px; }
.page-template-template-register .checkbox-dropdown-reg-control .checkbox-dropdown-reg-list, .page-template-template-register .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-list, .page-template-template-myaccount .checkbox-dropdown-reg-control .checkbox-dropdown-reg-list, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-list, .page-template-template-register-individual .checkbox-dropdown-reg-control .checkbox-dropdown-reg-list, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-list { padding-left: 20px; margin: 16px 0; display: none; }
.page-template-template-register .checkbox-dropdown-reg-control.have-sub-input .checkbox-dropdown-reg-list, .page-template-template-register .checkbox-dropdown-reg-control-type-2.have-sub-input .checkbox-dropdown-reg-list, .page-template-template-myaccount .checkbox-dropdown-reg-control.have-sub-input .checkbox-dropdown-reg-list, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2.have-sub-input .checkbox-dropdown-reg-list, .page-template-template-register-individual .checkbox-dropdown-reg-control.have-sub-input .checkbox-dropdown-reg-list, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2.have-sub-input .checkbox-dropdown-reg-list { padding: 0 16px; }
.page-template-template-register .checkbox-dropdown-reg-control.active, .page-template-template-register .checkbox-dropdown-reg-control-type-2.active, .page-template-template-myaccount .checkbox-dropdown-reg-control.active, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2.active, .page-template-template-register-individual .checkbox-dropdown-reg-control.active, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2.active { border-color: #60c8ff; background-color: #ffffff; }
.page-template-template-register .checkbox-dropdown-reg-control.active.have-sub-input, .page-template-template-register .checkbox-dropdown-reg-control-type-2.active.have-sub-input, .page-template-template-myaccount .checkbox-dropdown-reg-control.active.have-sub-input, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2.active.have-sub-input, .page-template-template-register-individual .checkbox-dropdown-reg-control.active.have-sub-input, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2.active.have-sub-input { background-color: transparent; }
.page-template-template-register .checkbox-dropdown-reg-control.active.have-sub-input .checkbox-reg, .page-template-template-register .checkbox-dropdown-reg-control-type-2.active.have-sub-input .checkbox-reg, .page-template-template-myaccount .checkbox-dropdown-reg-control.active.have-sub-input .checkbox-reg, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2.active.have-sub-input .checkbox-reg, .page-template-template-register-individual .checkbox-dropdown-reg-control.active.have-sub-input .checkbox-reg, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2.active.have-sub-input .checkbox-reg { margin-bottom: 18px; }
.page-template-template-register .checkbox-dropdown-reg-control.active .checkbox-dropdown-reg-label .checkbox-reg::after, .page-template-template-register .checkbox-dropdown-reg-control.active .checkbox-dropdown-reg-label-type-2 .checkbox-reg::after, .page-template-template-register .checkbox-dropdown-reg-control-type-2.active .checkbox-dropdown-reg-label .checkbox-reg::after, .page-template-template-register .checkbox-dropdown-reg-control-type-2.active .checkbox-dropdown-reg-label-type-2 .checkbox-reg::after, .page-template-template-myaccount .checkbox-dropdown-reg-control.active .checkbox-dropdown-reg-label .checkbox-reg::after, .page-template-template-myaccount .checkbox-dropdown-reg-control.active .checkbox-dropdown-reg-label-type-2 .checkbox-reg::after, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2.active .checkbox-dropdown-reg-label .checkbox-reg::after, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2.active .checkbox-dropdown-reg-label-type-2 .checkbox-reg::after, .page-template-template-register-individual .checkbox-dropdown-reg-control.active .checkbox-dropdown-reg-label .checkbox-reg::after, .page-template-template-register-individual .checkbox-dropdown-reg-control.active .checkbox-dropdown-reg-label-type-2 .checkbox-reg::after, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2.active .checkbox-dropdown-reg-label .checkbox-reg::after, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2.active .checkbox-dropdown-reg-label-type-2 .checkbox-reg::after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
.page-template-template-register .checkbox-dropdown-reg-control.active .checkbox-dropdown-reg-list, .page-template-template-register .checkbox-dropdown-reg-control-type-2.active .checkbox-dropdown-reg-list, .page-template-template-myaccount .checkbox-dropdown-reg-control.active .checkbox-dropdown-reg-list, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2.active .checkbox-dropdown-reg-list, .page-template-template-register-individual .checkbox-dropdown-reg-control.active .checkbox-dropdown-reg-list, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2.active .checkbox-dropdown-reg-list { display: block; }
.page-template-template-register .checkbox-dropdown-reg-control-type-2, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2 { position: relative; }
.page-template-template-register .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-list, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-list, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2 .checkbox-dropdown-reg-list { margin-top: -4px !important; }
.page-template-template-register .checkbox-dropdown-reg-control-type-2 .group-check-mark, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2 .group-check-mark, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2 .group-check-mark { height: 0; }
.page-template-template-register .checkbox-dropdown-reg-control-type-2 .group-check-mark input, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2 .group-check-mark input, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2 .group-check-mark input { display: none; }
.page-template-template-register .checkbox-dropdown-reg-control-type-2 .group-check-mark .label-group input:checked ~ .checkmark, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2 .group-check-mark .label-group input:checked ~ .checkmark, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2 .group-check-mark .label-group input:checked ~ .checkmark { background-color: transparent; }
.page-template-template-register .checkbox-dropdown-reg-control-type-2 .group-check-mark .label-group input:checked ~ .checkmark::after, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2 .group-check-mark .label-group input:checked ~ .checkmark::after, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2 .group-check-mark .label-group input:checked ~ .checkmark::after { display: block; }
.page-template-template-register .checkbox-dropdown-reg-control-type-2 .group-check-mark .label-group .checkmark, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2 .group-check-mark .label-group .checkmark, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2 .group-check-mark .label-group .checkmark { position: absolute; top: 11px; left: -27px; height: 16px; width: 16px; background-color: transparent; border: 1px solid #64686d; cursor: pointer; }
.page-template-template-register .checkbox-dropdown-reg-control-type-2 .group-check-mark .label-group .checkmark::after, .page-template-template-myaccount .checkbox-dropdown-reg-control-type-2 .group-check-mark .label-group .checkmark::after, .page-template-template-register-individual .checkbox-dropdown-reg-control-type-2 .group-check-mark .label-group .checkmark::after { content: ""; position: absolute; display: none; left: 50%; top: 50%; width: 8px; height: 8px; background-color: #60c8ff; border: none; transform: unset; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.page-template-template-register .upload-file-reg-control .upload-file-reg, .page-template-template-myaccount .upload-file-reg-control .upload-file-reg, .page-template-template-register-individual .upload-file-reg-control .upload-file-reg { background-color: #ffffff; padding: 35px 40px; position: relative; }
.page-template-template-register .upload-file-reg-control .upload-file-reg::after, .page-template-template-myaccount .upload-file-reg-control .upload-file-reg::after, .page-template-template-register-individual .upload-file-reg-control .upload-file-reg::after { content: ""; position: absolute; top: -2.5px; left: -2.5px; width: calc(100% + 2.5px); height: calc(100% + 2.5px); border: 5px dashed #60c8ff; z-index: 1; }
@media screen and (max-width: 768px) { .page-template-template-register .upload-file-reg-control .upload-file-reg, .page-template-template-myaccount .upload-file-reg-control .upload-file-reg, .page-template-template-register-individual .upload-file-reg-control .upload-file-reg { padding: 15px 20px; } }
.page-template-template-register .upload-file-reg-control .description, .page-template-template-myaccount .upload-file-reg-control .description, .page-template-template-register-individual .upload-file-reg-control .description { text-align: center; font-size: 16px; position: relative; z-index: 2; }
.page-template-template-register .upload-file-reg-control .description label, .page-template-template-myaccount .upload-file-reg-control .description label, .page-template-template-register-individual .upload-file-reg-control .description label { color: #60c8ff; cursor: pointer; text-decoration: underline; text-underline-offset: 1px; text-decoration-thickness: 0.5px; }
.page-template-template-register .upload-file-reg-control .description label:hover, .page-template-template-myaccount .upload-file-reg-control .description label:hover, .page-template-template-register-individual .upload-file-reg-control .description label:hover { text-decoration: unset; }
.page-template-template-register .upload-file-reg-control .accept-file, .page-template-template-myaccount .upload-file-reg-control .accept-file, .page-template-template-register-individual .upload-file-reg-control .accept-file { text-align: center; font-size: 16px; }
.page-template-template-register .group-doc-fichiers .item-upload, .page-template-template-myaccount .group-doc-fichiers .item-upload, .page-template-template-register-individual .group-doc-fichiers .item-upload { padding: 18px 10px 18px 18px; border: 1px solid #868f96; margin-bottom: 10px; }
.page-template-template-register .group-doc-fichiers .item-upload:last-child, .page-template-template-myaccount .group-doc-fichiers .item-upload:last-child, .page-template-template-register-individual .group-doc-fichiers .item-upload:last-child { margin-bottom: 0; }
.page-template-template-register .group-doc-fichiers .infor-file, .page-template-template-myaccount .group-doc-fichiers .infor-file, .page-template-template-register-individual .group-doc-fichiers .infor-file { display: flex; position: relative; padding-right: 22px; margin-bottom: 3px; color: #48875a; }
.page-template-template-register .group-doc-fichiers .infor-file img, .page-template-template-myaccount .group-doc-fichiers .infor-file img, .page-template-template-register-individual .group-doc-fichiers .infor-file img { margin-right: 8px; display: block; }
.page-template-template-register .group-doc-fichiers .infor-file .icon_trash_file, .page-template-template-myaccount .group-doc-fichiers .infor-file .icon_trash_file, .page-template-template-register-individual .group-doc-fichiers .infor-file .icon_trash_file { position: absolute; right: 0; top: 0; cursor: pointer; margin: 0; }
.page-template-template-register .group-doc-fichiers .select-reg, .page-template-template-myaccount .group-doc-fichiers .select-reg, .page-template-template-register-individual .group-doc-fichiers .select-reg { margin-left: auto; margin-bottom: 0 !important; background-color: transparent !important; border: 1px solid #cfd4da !important; width: calc(100% - 28px); }
.page-template-template-register .group-doc-fichiers .group-select-upload, .page-template-template-myaccount .group-doc-fichiers .group-select-upload, .page-template-template-register-individual .group-doc-fichiers .group-select-upload { position: relative; }
.page-template-template-register .group-doc-fichiers .group-select-upload::before, .page-template-template-myaccount .group-doc-fichiers .group-select-upload::before, .page-template-template-register-individual .group-doc-fichiers .group-select-upload::before { position: absolute; left: 0; top: 9px; content: url("./assets/images/icon/icon-checkbox-dropdown.png"); width: 20px; }
.page-template-template-register .button-reg-control .button-reg, .page-template-template-myaccount .button-reg-control .button-reg, .page-template-template-register-individual .button-reg-control .button-reg { font-weight: 400; line-height: 1.3; min-height: 44px; font-size: 16px; height: auto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media screen and (max-width: 480px) { .page-template-template-register .button-reg-control .button-reg, .page-template-template-myaccount .button-reg-control .button-reg, .page-template-template-register-individual .button-reg-control .button-reg { font-size: 15px; } }
.page-template-template-register .table-reg, .page-template-template-myaccount .table-reg, .page-template-template-register-individual .table-reg { width: 100%; overflow: auto; margin-bottom: 10px; }
.page-template-template-register .table-reg table, .page-template-template-myaccount .table-reg table, .page-template-template-register-individual .table-reg table { margin-bottom: 0; }
.page-template-template-register .table-reg table th, .page-template-template-myaccount .table-reg table th, .page-template-template-register-individual .table-reg table th { background: #495058; padding: 8px 15px; color: #ffffff; font-weight: 400; font-size: 15px; }
.page-template-template-register .table-reg table td, .page-template-template-myaccount .table-reg table td, .page-template-template-register-individual .table-reg table td { padding: 8px 15px; font-size: 15px; background-color: #ffffff; }
.page-template-template-register .table-reg table tr:nth-child(even) td, .page-template-template-myaccount .table-reg table tr:nth-child(even) td, .page-template-template-register-individual .table-reg table tr:nth-child(even) td { background-color: #fafafa; }
.page-template-template-register .table-reg .table-msg-reg, .page-template-template-myaccount .table-reg .table-msg-reg, .page-template-template-register-individual .table-reg .table-msg-reg { text-align: center; border-bottom: 1px solid #d3dbdf; padding: 20px 0; margin-bottom: 0; }
.page-template-template-register .table-reg .table-reg-action, .page-template-template-myaccount .table-reg .table-reg-action, .page-template-template-register-individual .table-reg .table-reg-action { display: flex; justify-content: center; align-items: center; }
.page-template-template-register .table-reg .table-reg-action .table-reg-action-edit, .page-template-template-register .table-reg .table-reg-action .table-reg-action-trash, .page-template-template-myaccount .table-reg .table-reg-action .table-reg-action-edit, .page-template-template-myaccount .table-reg .table-reg-action .table-reg-action-trash, .page-template-template-register-individual .table-reg .table-reg-action .table-reg-action-edit, .page-template-template-register-individual .table-reg .table-reg-action .table-reg-action-trash { position: relative; font-size: 0; width: 22px; height: 22px; margin: 0 4px; cursor: pointer; }
.page-template-template-register .table-reg .table-reg-action .table-reg-action-edit::after, .page-template-template-register .table-reg .table-reg-action .table-reg-action-trash::after, .page-template-template-myaccount .table-reg .table-reg-action .table-reg-action-edit::after, .page-template-template-myaccount .table-reg .table-reg-action .table-reg-action-trash::after, .page-template-template-register-individual .table-reg .table-reg-action .table-reg-action-edit::after, .page-template-template-register-individual .table-reg .table-reg-action .table-reg-action-trash::after { position: absolute; top: 0; left: 0; content: ""; background-image: url("./assets/images/icon/icon-pencil.png"); background-size: 20px 20px; width: 20px; height: 20px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.page-template-template-register .table-reg .table-reg-action .table-reg-action-edit:hover::after, .page-template-template-register .table-reg .table-reg-action .table-reg-action-trash:hover::after, .page-template-template-myaccount .table-reg .table-reg-action .table-reg-action-edit:hover::after, .page-template-template-myaccount .table-reg .table-reg-action .table-reg-action-trash:hover::after, .page-template-template-register-individual .table-reg .table-reg-action .table-reg-action-edit:hover::after, .page-template-template-register-individual .table-reg .table-reg-action .table-reg-action-trash:hover::after { filter: brightness(0.6); }
.page-template-template-register .table-reg .table-reg-action .table-reg-action-trash::after, .page-template-template-myaccount .table-reg .table-reg-action .table-reg-action-trash::after, .page-template-template-register-individual .table-reg .table-reg-action .table-reg-action-trash::after { background-image: url("./assets/images/icon/icon-trash.png"); }
.page-template-template-register .table-document-transmitted, .page-template-template-myaccount .table-document-transmitted, .page-template-template-register-individual .table-document-transmitted { border-spacing: 10px !important; margin: -10px -10px 0 -10px !important; width: calc(100% + 20px); }
.page-template-template-register .table-document-transmitted td, .page-template-template-myaccount .table-document-transmitted td, .page-template-template-register-individual .table-document-transmitted td { background-color: #ffffff !important; vertical-align: middle !important; border: none !important; width: 86%; padding: 6px 10px; }
.page-template-template-register .table-document-transmitted td:last-child, .page-template-template-myaccount .table-document-transmitted td:last-child, .page-template-template-register-individual .table-document-transmitted td:last-child { width: 14%; text-align: center; }
.page-template-template-register .table-document-transmitted .inprocess-count td, .page-template-template-myaccount .table-document-transmitted .inprocess-count td, .page-template-template-register-individual .table-document-transmitted .inprocess-count td { padding: 6px 0; background-color: transparent !important; }
.page-template-template-register .table-document-transmitted .inprocess-count td:last-child, .page-template-template-myaccount .table-document-transmitted .inprocess-count td:last-child, .page-template-template-register-individual .table-document-transmitted .inprocess-count td:last-child { padding: 6px 10px; background-color: #dee1e6 !important; }
.page-template-template-register .table-document-transmitted .checked, .page-template-template-myaccount .table-document-transmitted .checked, .page-template-template-register-individual .table-document-transmitted .checked { color: #458a61; }
.page-template-template-register .table-document-transmitted .group-check .icon-check, .page-template-template-register .table-document-transmitted .group-check .icon-close, .page-template-template-myaccount .table-document-transmitted .group-check .icon-check, .page-template-template-myaccount .table-document-transmitted .group-check .icon-close, .page-template-template-register-individual .table-document-transmitted .group-check .icon-check, .page-template-template-register-individual .table-document-transmitted .group-check .icon-close { display: none; justify-content: center; align-items: center; }
.page-template-template-register .table-document-transmitted .group-check .icon-check.active, .page-template-template-register .table-document-transmitted .group-check .icon-close.active, .page-template-template-myaccount .table-document-transmitted .group-check .icon-check.active, .page-template-template-myaccount .table-document-transmitted .group-check .icon-close.active, .page-template-template-register-individual .table-document-transmitted .group-check .icon-check.active, .page-template-template-register-individual .table-document-transmitted .group-check .icon-close.active { display: flex; }
.page-template-template-register .table-document-transmitted .progress, .page-template-template-myaccount .table-document-transmitted .progress, .page-template-template-register-individual .table-document-transmitted .progress { height: 10px !important; border-radius: 0 !important; background-color: #dee1e6 !important; }
.page-template-template-register .table-document-transmitted .progress-bar, .page-template-template-myaccount .table-document-transmitted .progress-bar, .page-template-template-register-individual .table-document-transmitted .progress-bar { background-color: #48875a !important; }
.page-template-template-register .table-document-transmitted.new-style td, .page-template-template-myaccount .table-document-transmitted.new-style td, .page-template-template-register-individual .table-document-transmitted.new-style td { width: 70%; padding: 6px 10px; }
@media screen and (max-width: 992px) { .page-template-template-register .table-document-transmitted.new-style td, .page-template-template-myaccount .table-document-transmitted.new-style td, .page-template-template-register-individual .table-document-transmitted.new-style td { width: 55%; } }
@media screen and (max-width: 480px) { .page-template-template-register .table-document-transmitted.new-style td, .page-template-template-myaccount .table-document-transmitted.new-style td, .page-template-template-register-individual .table-document-transmitted.new-style td { width: 40%; } }
.page-template-template-register .table-document-transmitted.new-style td:last-child, .page-template-template-myaccount .table-document-transmitted.new-style td:last-child, .page-template-template-register-individual .table-document-transmitted.new-style td:last-child { width: 30%; text-align: center; }
@media screen and (max-width: 992px) { .page-template-template-register .table-document-transmitted.new-style td:last-child, .page-template-template-myaccount .table-document-transmitted.new-style td:last-child, .page-template-template-register-individual .table-document-transmitted.new-style td:last-child { width: 45%; } }
@media screen and (max-width: 480px) { .page-template-template-register .table-document-transmitted.new-style td:last-child, .page-template-template-myaccount .table-document-transmitted.new-style td:last-child, .page-template-template-register-individual .table-document-transmitted.new-style td:last-child { width: 60%; } }
.page-template-template-register .group-control-background, .page-template-template-myaccount .group-control-background, .page-template-template-register-individual .group-control-background { padding: 10px 10px 42px 10px; background-color: #e8ecef; position: relative; margin-bottom: 22px; }
.page-template-template-register .group-control-background .title-reg-h4 span, .page-template-template-myaccount .group-control-background .title-reg-h4 span, .page-template-template-register-individual .group-control-background .title-reg-h4 span { background-color: #e8ecef; }
.page-template-template-register .group-control-background .button-reg-control, .page-template-template-myaccount .group-control-background .button-reg-control, .page-template-template-register-individual .group-control-background .button-reg-control { width: 100%; text-align: center; position: absolute; bottom: -22px; left: 0; }
.page-template-template-register .group-button-next-prev, .page-template-template-myaccount .group-button-next-prev, .page-template-template-register-individual .group-button-next-prev { margin: 40px 0; }
.page-template-template-register .group-button-next-prev .button-next-prev, .page-template-template-myaccount .group-button-next-prev .button-next-prev, .page-template-template-register-individual .group-button-next-prev .button-next-prev { display: flex; justify-content: space-between; }
.page-template-template-register .group-button-next-prev .button-next-prev .button-reg-control, .page-template-template-myaccount .group-button-next-prev .button-next-prev .button-reg-control, .page-template-template-register-individual .group-button-next-prev .button-next-prev .button-reg-control { height: initial; }
.page-template-template-register .group-button-next-prev .button-next-prev .button-reg-control .button-reg, .page-template-template-myaccount .group-button-next-prev .button-next-prev .button-reg-control .button-reg, .page-template-template-register-individual .group-button-next-prev .button-next-prev .button-reg-control .button-reg { padding: 15px 20px; height: 100%; min-height: unset; }
@media screen and (max-width: 480px) { .page-template-template-register .group-button-next-prev .button-next-prev .button-reg-control .button-reg, .page-template-template-myaccount .group-button-next-prev .button-next-prev .button-reg-control .button-reg, .page-template-template-register-individual .group-button-next-prev .button-next-prev .button-reg-control .button-reg { padding: 10px 20px; } }
.page-template-template-register .group-button-next-prev .button-next-prev .button-reg-prev, .page-template-template-myaccount .group-button-next-prev .button-next-prev .button-reg-prev, .page-template-template-register-individual .group-button-next-prev .button-next-prev .button-reg-prev { background-color: transparent !important; border: 1px solid #56668b !important; color: #000000 !important; }
.page-template-template-register .group-button-next-prev .button-next-prev .button-reg-prev-step-0, .page-template-template-myaccount .group-button-next-prev .button-next-prev .button-reg-prev-step-0, .page-template-template-register-individual .group-button-next-prev .button-next-prev .button-reg-prev-step-0 { display: none !important; }
.page-template-template-register .group-control-1, .page-template-template-myaccount .group-control-1, .page-template-template-register-individual .group-control-1 { width: 100%; display: flex; }
.page-template-template-register .group-control-1 .control-1:first-child, .page-template-template-myaccount .group-control-1 .control-1:first-child, .page-template-template-register-individual .group-control-1 .control-1:first-child { width: 80px; margin-right: 10px; }
.page-template-template-register .group-control-1 .control-1:last-child, .page-template-template-myaccount .group-control-1 .control-1:last-child, .page-template-template-register-individual .group-control-1 .control-1:last-child { width: calc(100% - 80px - 10px); }
.page-template-template-register .group-control-1--style-4-6 .control-1:first-child, .page-template-template-myaccount .group-control-1--style-4-6 .control-1:first-child, .page-template-template-register-individual .group-control-1--style-4-6 .control-1:first-child { width: 40%; }
.page-template-template-register .group-control-1--style-4-6 .control-1:last-child, .page-template-template-myaccount .group-control-1--style-4-6 .control-1:last-child, .page-template-template-register-individual .group-control-1--style-4-6 .control-1:last-child { width: 60%; }
.page-template-template-register .group-control-2, .page-template-template-myaccount .group-control-2, .page-template-template-register-individual .group-control-2 { width: 100%; display: flex; }
@media screen and (max-width: 992px) { .page-template-template-register .group-control-2, .page-template-template-myaccount .group-control-2, .page-template-template-register-individual .group-control-2 { display: block; } }
.page-template-template-register .group-control-2 .control-2, .page-template-template-myaccount .group-control-2 .control-2, .page-template-template-register-individual .group-control-2 .control-2 { width: calc(50% - 25px); }
.page-template-template-register .group-control-2 .control-2:first-child, .page-template-template-myaccount .group-control-2 .control-2:first-child, .page-template-template-register-individual .group-control-2 .control-2:first-child { margin-right: 25px; }
.page-template-template-register .group-control-2 .control-2:last-child, .page-template-template-myaccount .group-control-2 .control-2:last-child, .page-template-template-register-individual .group-control-2 .control-2:last-child { margin-left: 25px; }
@media screen and (max-width: 992px) { .page-template-template-register .group-control-2 .control-2, .page-template-template-myaccount .group-control-2 .control-2, .page-template-template-register-individual .group-control-2 .control-2 { width: 100%; }
  .page-template-template-register .group-control-2 .control-2:first-child, .page-template-template-myaccount .group-control-2 .control-2:first-child, .page-template-template-register-individual .group-control-2 .control-2:first-child { margin-right: 0; }
  .page-template-template-register .group-control-2 .control-2:last-child, .page-template-template-myaccount .group-control-2 .control-2:last-child, .page-template-template-register-individual .group-control-2 .control-2:last-child { margin-left: 0; } }
.page-template-template-register .opacity-hide, .page-template-template-myaccount .opacity-hide, .page-template-template-register-individual .opacity-hide { opacity: 0; visibility: hidden; }
@media screen and (max-width: 768px) { .page-template-template-register .opacity-hide, .page-template-template-myaccount .opacity-hide, .page-template-template-register-individual .opacity-hide { display: none; } }
.page-template-template-register .label-input-reg-control, .page-template-template-myaccount .label-input-reg-control, .page-template-template-register-individual .label-input-reg-control { display: flex; width: 100%; align-items: center; padding-bottom: 10px; }
@media screen and (max-width: 992px) { .page-template-template-register .label-input-reg-control, .page-template-template-myaccount .label-input-reg-control, .page-template-template-register-individual .label-input-reg-control { display: block; } }
.page-template-template-register .label-input-reg-control label, .page-template-template-myaccount .label-input-reg-control label, .page-template-template-register-individual .label-input-reg-control label { width: fit-content; margin: 0 15px 0 0; line-height: 1.1; }
.page-template-template-register .label-input-reg-control .input-reg, .page-template-template-myaccount .label-input-reg-control .input-reg, .page-template-template-register-individual .label-input-reg-control .input-reg { margin-bottom: 0; }
.page-template-template-register .label-input-reg-control .lable-input-one .input-reg, .page-template-template-myaccount .label-input-reg-control .lable-input-one .input-reg, .page-template-template-register-individual .label-input-reg-control .lable-input-one .input-reg { width: auto; }
.page-template-template-register .label-input-reg-control .lable-input-one .input-reg-number, .page-template-template-myaccount .label-input-reg-control .lable-input-one .input-reg-number, .page-template-template-register-individual .label-input-reg-control .lable-input-one .input-reg-number { width: 76px; margin-right: 5px; }
.page-template-template-register .label-input-reg-control.has-two-input, .page-template-template-myaccount .label-input-reg-control.has-two-input, .page-template-template-register-individual .label-input-reg-control.has-two-input { padding-bottom: 0; }
.page-template-template-register .label-input-reg-control .label-input-two, .page-template-template-myaccount .label-input-reg-control .label-input-two, .page-template-template-register-individual .label-input-reg-control .label-input-two { width: calc(100% - 146px); display: flex; }
@media screen and (max-width: 992px) { .page-template-template-register .label-input-reg-control .label-input-two, .page-template-template-myaccount .label-input-reg-control .label-input-two, .page-template-template-register-individual .label-input-reg-control .label-input-two { width: 100%; } }
@media screen and (max-width: 480px) { .page-template-template-register .label-input-reg-control .label-input-two, .page-template-template-myaccount .label-input-reg-control .label-input-two, .page-template-template-register-individual .label-input-reg-control .label-input-two { display: block; } }
.page-template-template-register .label-input-reg-control .label-input-two .input-two-control, .page-template-template-myaccount .label-input-reg-control .label-input-two .input-two-control, .page-template-template-register-individual .label-input-reg-control .label-input-two .input-two-control { margin-right: 10px; width: calc(50% - 5px); margin-bottom: 10px; }
@media screen and (max-width: 480px) { .page-template-template-register .label-input-reg-control .label-input-two .input-two-control, .page-template-template-myaccount .label-input-reg-control .label-input-two .input-two-control, .page-template-template-register-individual .label-input-reg-control .label-input-two .input-two-control { width: 100%; margin-bottom: 10px; margin-right: 0; }
  .page-template-template-register .label-input-reg-control .label-input-two .input-two-control:last-child, .page-template-template-myaccount .label-input-reg-control .label-input-two .input-two-control:last-child, .page-template-template-register-individual .label-input-reg-control .label-input-two .input-two-control:last-child { margin-bottom: 0; } }
.page-template-template-register .label-input-reg-control .label-input-two .input-two-control:last-child, .page-template-template-myaccount .label-input-reg-control .label-input-two .input-two-control:last-child, .page-template-template-register-individual .label-input-reg-control .label-input-two .input-two-control:last-child { margin-right: 0; }

.group-input-file-row.active td:first-child { color: #46885a; }

.group-upload-document { display: flex; align-items: center; position: relative; margin-top: 25px; }
.group-upload-document:first-child { margin-top: 0; }
.group-upload-document .msg-err { position: absolute; bottom: -27px; left: 0; color: #84221a; font-size: 12px; font-style: italic; margin-left: 0; line-height: 1; }
.group-upload-document .msg-err.amount-2 { bottom: -15px; }
@media screen and (max-width: 992px) { .group-upload-document .msg-err { font-size: 10px; bottom: -35px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }
  .group-upload-document .msg-err.amount-2 { -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; bottom: -22px; } }
@media screen and (max-width: 380px) { .group-upload-document .msg-err.amount-2 { bottom: -35px; } }
.group-upload-document > div { margin: 0 10px; }
@media screen and (max-width: 768px) { .group-upload-document > div { margin: 0 7px; } }
.group-upload-document > div:last-child { margin-right: 0; }
.group-upload-document > div:first-child { margin-left: 0; }
.group-upload-document .cont-select-option { max-width: 250px; width: 30%; min-width: 100px; }
@media screen and (max-width: 768px) { .group-upload-document .cont-select-option { max-width: 150px; } }
.group-upload-document .cont-select-option select { font-size: 16px; }
.group-upload-document .cont-select-option select option { font-size: 15px; }
.group-upload-document .progress { margin-top: 0; width: 30%; max-width: 200px; background-color: #cccccc; position: relative; overflow: visible; border-radius: 4px; }
.group-upload-document .progress .progress-bar { border-radius: 4px; background-color: #737e9c; }
.group-upload-document .cont-file-group { width: 30%; max-width: 150px; font-size: 15px; }
.group-upload-document .cont-file-group .cont-file-name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
@media screen and (max-width: 480px) { .group-upload-document .cont-file-group { max-width: 70px; } }
.group-upload-document .fa-trash { color: #84221a; }
.group-upload-document .cont-icon { cursor: pointer; }
.group-upload-document .fa-upload { color: #354267; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.group-upload-document .fa-upload:hover { color: #737e9c; }
.group-upload-document .validate_msg_err { position: absolute; font-size: 12px; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; z-index: 1; left: 5px; }
@media screen and (max-width: 992px) { .group-upload-document .validate_msg_err { top: 3px; left: 3px; font-size: 10px; } }
.group-upload-document .cont-input-file { position: relative; z-index: 10; }
.group-upload-document .cont-input-file label { cursor: pointer; font-size: 15px; margin-bottom: 0; }
.group-upload-document .cont-input-file input { display: none !important; }
.group-upload-document--style-2 .cont-select-option { opacity: 0; visibility: hidden; }

.page-template-template-register-individual .banner-step-register .group-content-banner { padding-bottom: 100px; }
@media screen and (max-width: 768px) { .page-template-template-register-individual .banner-step-register .group-content-banner { padding-bottom: 60px; } }

.page-template-template-fullwidth-cmp .storefront-breadcrumb { display: none !important; }
.page-template-template-fullwidth-cmp .banner-la-maison-cmp { min-height: calc(100vh - 124px) !important; }
@media screen and (max-width: 992px) { .page-template-template-fullwidth-cmp .banner-la-maison-cmp { min-height: calc(100vh - 110px) !important; } }
@media screen and (max-width: 768px) { .page-template-template-fullwidth-cmp .banner-la-maison-cmp { min-height: calc(90vh - 110px) !important; } }
@media screen and (max-width: 768px) { .page-template-template-fullwidth-cmp .banner-mental-graph { min-height: 90vh !important; } }
.page-template-template-fullwidth-cmp .group-border-heading { width: 373px; height: 373px; margin: 0 auto; border: 7px solid #ffffff; padding: 0; display: flex; align-items: center; justify-content: center; margin-top: 0; }
@media screen and (min-height: 750px) { .page-template-template-fullwidth-cmp .group-border-heading { margin-top: -20vh; } }
@media screen and (max-width: 430px) { .page-template-template-fullwidth-cmp .group-border-heading { width: 350px; height: 350px; } }
@media screen and (max-width: 400px) { .page-template-template-fullwidth-cmp .group-border-heading { width: 320px; height: 320px; } }
@media screen and (max-width: 375px) { .page-template-template-fullwidth-cmp .group-border-heading { width: 250px; height: 250px; border: 4px solid #ffffff; } }
.page-template-template-fullwidth-cmp .group-border-heading .wp-block-group__inner-container { height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 120px 10px 75px 10px; }
@media screen and (max-width: 375px) { .page-template-template-fullwidth-cmp .group-border-heading .wp-block-group__inner-container { padding: 70px 10px 50px 10px; }
  .page-template-template-fullwidth-cmp .group-border-heading .wp-block-group__inner-container h1 { font-size: 30px !important; } }
.page-template-template-fullwidth-cmp .group-border-heading hr { width: 50px !important; max-width: 50px !important; height: 1px !important; border-bottom: 5px solid #ffffff !important; margin-bottom: 0 !important; }
@media screen and (max-width: 375px) { .page-template-template-fullwidth-cmp .group-border-heading hr { border-bottom: 4px solid #ffffff !important; } }
.page-template-template-fullwidth-cmp .group-haft-border-text { width: 360px; height: auto !important; min-height: 360px; margin: 0 auto; border: 1px solid #262f4a; padding: 0; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; margin-top: 0; }
@media screen and (min-height: 750px) { .page-template-template-fullwidth-cmp .group-haft-border-text { margin-top: -20vh; } }
@media screen and (max-width: 430px) { .page-template-template-fullwidth-cmp .group-haft-border-text { width: 320px !important; height: auto !important; min-height: 320px; } }
@media screen and (max-width: 400px) { .page-template-template-fullwidth-cmp .group-haft-border-text { width: 310px !important; height: auto !important; min-height: 310px; } }
@media screen and (max-width: 480px) { .page-template-template-fullwidth-cmp .group-haft-border-text { width: 100% !important; height: auto !important; } }
@media screen and (max-width: 350px) { .page-template-template-fullwidth-cmp .group-haft-border-text { min-height: 268px; } }
.page-template-template-fullwidth-cmp .group-haft-border-text::after, .page-template-template-fullwidth-cmp .group-haft-border-text::before { position: absolute; content: ""; background-color: #000000; width: calc(100% / 3); left: 50%; height: 4px; top: -2px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.page-template-template-fullwidth-cmp .group-haft-border-text::after { top: unset; bottom: -2px; }
@media screen and (max-width: 375px) { .page-template-template-fullwidth-cmp .group-haft-border-text { width: 250px; height: 250px; } }
.page-template-template-fullwidth-cmp .group-haft-border-text .wp-block-group__inner-container { padding: 10px; }
.page-template-template-fullwidth-cmp .group-haft-border-text .wp-block-group__inner-container p { margin-bottom: 0; text-align: center; line-height: 1.5; }
@media screen and (max-width: 375px) { .page-template-template-fullwidth-cmp .group-haft-border-text .wp-block-group__inner-container p { line-height: 1.3; } }
.page-template-template-fullwidth-cmp .bg-image-notre { padding: 50px 0 40px 0; }
@media screen and (max-width: 768px) { .page-template-template-fullwidth-cmp .bg-image-notre { padding: 50px 0; } }
.page-template-template-fullwidth-cmp .spacer-color { background-color: #ced3d9; margin: 0 120px; }
@media screen and (max-width: 992px) { .page-template-template-fullwidth-cmp .spacer-color { margin: 0 60px; height: 10px !important; } }
@media screen and (max-width: 768px) { .page-template-template-fullwidth-cmp .spacer-color { margin: 0 50px; height: 8px !important; } }
.page-template-template-fullwidth-cmp .border-colum-haft { width: 230px; height: 230px; margin: 0 auto; position: relative; display: flex; align-items: center; border: 1px solid #34393f; }
.page-template-template-fullwidth-cmp .border-colum-haft .wp-block-group__inner-container { height: fit-content; }
.page-template-template-fullwidth-cmp .border-colum-haft::after, .page-template-template-fullwidth-cmp .border-colum-haft::before { position: absolute; content: ""; background-color: #000000; width: calc(100% / 3); left: 50%; height: 4px; top: -2px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.page-template-template-fullwidth-cmp .border-colum-haft::after { top: unset; bottom: -2px; }
.page-template-template-fullwidth-cmp .group-text-notre { width: 230px; margin: 0 auto; }
.page-template-template-fullwidth-cmp .group-text-notre p, .page-template-template-fullwidth-cmp .group-text-notre hr { margin-bottom: 5px; }
.page-template-template-fullwidth-cmp .social-notre-expertise { display: flex; justify-content: center; align-items: center; margin: 15px 0; }
.page-template-template-fullwidth-cmp .social-notre-expertise a { display: inline-block; margin: 15px; }
.page-template-template-fullwidth-cmp .section-notre-equipe .columns-group-notre { padding: 0 150px; }
@media screen and (max-width: 1200px) { .page-template-template-fullwidth-cmp .section-notre-equipe .columns-group-notre { padding: 0; } }
@media screen and (max-width: 768px) { .page-template-template-fullwidth-cmp .section-notre-equipe .wp-block-cover__image-background { display: none; } }
@media screen and (max-width: 768px) { .page-template-template-fullwidth-cmp .section-notre-equipe .wp-block-cover .wp-block-cover__background.has-background-dim { opacity: 1 !important; } }
.page-template-template-fullwidth-cmp .container.container-special { width: 100% !important; max-width: 100% !important; padding: 0 !important; }
.page-template-template-fullwidth-cmp .section-contact-from { padding: 40px 0 60px 0 !important; }
.page-template-template-fullwidth-cmp .section-contact-from .group-field-cf7 { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.page-template-template-fullwidth-cmp .section-contact-from .group-field-cf7 .col-cf7 { width: calc(50% - 15px); }
@media screen and (max-width: 768px) { .page-template-template-fullwidth-cmp .section-contact-from .group-field-cf7 { display: block; }
  .page-template-template-fullwidth-cmp .section-contact-from .group-field-cf7 .col-cf7 { width: 100%; } }
.page-template-template-fullwidth-cmp .section-contact-from .wpcf7-not-valid-tip { display: none; }
.page-template-template-fullwidth-cmp .section-contact-from .wpcf7-form-control-wrap { position: relative; }
.page-template-template-fullwidth-cmp .section-contact-from label.error { position: absolute; bottom: -34px; left: 0; font-size: 12px; color: red; padding: 0; }
.page-template-template-fullwidth-cmp .section-contact-from input { width: 100%; }
.page-template-template-fullwidth-cmp .section-contact-from input[type="text"], .page-template-template-fullwidth-cmp .section-contact-from input[type="email"], .page-template-template-fullwidth-cmp .section-contact-from input[type="tel"] { background-color: transparent; padding: 0; border: none !important; border-bottom: 1px solid #49505a !important; color: #ffffff; }
.page-template-template-fullwidth-cmp .section-contact-from input[type="text"]::placeholder, .page-template-template-fullwidth-cmp .section-contact-from input[type="email"]::placeholder, .page-template-template-fullwidth-cmp .section-contact-from input[type="tel"]::placeholder { font-style: italic; color: #ffffff !important; }
.page-template-template-fullwidth-cmp .section-contact-from .wpcf7-response-output { width: 100%; margin-left: 0; }
.page-template-template-fullwidth-cmp .section-contact-from input[type="submit"] { margin-top: 20px; width: 100%; max-width: 200px; font-size: 14px; font-weight: 400; }
.page-template-template-fullwidth-cmp .feature-text-left hr, .page-template-template-fullwidth-cmp .feature-text-right hr { width: 30px !important; height: 6px !important; margin-left: 0 !important; }
.page-template-template-fullwidth-cmp .feature-text-left .group-heading-line-before, .page-template-template-fullwidth-cmp .feature-text-right .group-heading-line-before { margin-bottom: 10px; }
.page-template-template-fullwidth-cmp .feature-text-left .group-heading-line-before .wp-block-group__inner-container, .page-template-template-fullwidth-cmp .feature-text-right .group-heading-line-before .wp-block-group__inner-container { position: relative; }
.page-template-template-fullwidth-cmp .feature-text-left .group-heading-line-before hr, .page-template-template-fullwidth-cmp .feature-text-right .group-heading-line-before hr { width: 40px !important; height: 1px !important; position: absolute; left: -44px; top: 13px; }
.page-template-template-fullwidth-cmp .feature-text-left .group-heading-line-before .margin-left-none, .page-template-template-fullwidth-cmp .feature-text-right .group-heading-line-before .margin-left-none { margin-left: 0 !important; }
.page-template-template-fullwidth-cmp .feature-text-left p, .page-template-template-fullwidth-cmp .feature-text-right p { text-align: justify; }
.page-template-template-fullwidth-cmp .feature-text-left .group-text-left, .page-template-template-fullwidth-cmp .feature-text-right .group-text-left { padding-right: 80px; }
@media screen and (max-width: 575px) { .page-template-template-fullwidth-cmp .feature-text-left .group-text-left, .page-template-template-fullwidth-cmp .feature-text-right .group-text-left { padding-right: 15px; } }
.page-template-template-fullwidth-cmp .feature-text-right .group-text-right { padding-left: 80px; }
@media screen and (max-width: 575px) { .page-template-template-fullwidth-cmp .feature-text-right .group-text-right { padding-left: 60px; } }
.page-template-template-fullwidth-cmp .des-features-text { padding-left: 15px; border-left: 1px solid #000000; margin-bottom: 30px; }
.page-template-template-fullwidth-cmp .des-features-text p { margin-bottom: 10px; font-weight: 500; font-size: 14px !important; line-height: 1.2; }
.page-template-template-fullwidth-cmp .des-features-text p span.first { font-size: 18px !important; }
@media screen and (max-width: 575px) { .page-template-template-fullwidth-cmp .des-features-text p { font-size: 12px !important; }
  .page-template-template-fullwidth-cmp .des-features-text p span.first { font-size: 16px !important; } }
.page-template-template-fullwidth-cmp .banner-la-maison-cmp { position: relative; }
.page-template-template-fullwidth-cmp .banner-la-maison-cmp::after { bottom: 0; right: 0; position: absolute; content: ""; background-image: url("./assets/images/bg/maison_0.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 400px; height: 300px; min-height: unset !important; z-index: 1; }
@media screen and (max-width: 768px) { .page-template-template-fullwidth-cmp .banner-la-maison-cmp::after { opacity: 0.3; } }
.page-template-template-fullwidth-cmp .banner-la-maison-cmp-after { position: relative; }
.page-template-template-fullwidth-cmp .banner-la-maison-cmp-after::before { bottom: 0; left: 0; position: absolute; content: ""; background-image: url("./assets/images/bg/maison_2.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 350px; height: 300px; min-height: unset !important; z-index: 1; }
@media screen and (max-width: 768px) { .page-template-template-fullwidth-cmp .banner-la-maison-cmp-after::before { opacity: 0.3; } }
.page-template-template-fullwidth-cmp .banner-la-maison-cmp-after::after { top: 0; right: 0; position: absolute; content: ""; background-image: url("./assets/images/bg/maison_1.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 100%; height: 300px; min-height: unset !important; z-index: 0; }
@media screen and (max-width: 992px) { .page-template-template-fullwidth-cmp .banner-la-maison-cmp-after::after { width: 140%; } }
@media screen and (max-width: 768px) { .page-template-template-fullwidth-cmp .banner-la-maison-cmp-after::after { opacity: 0.3; } }
.page-template-template-fullwidth-cmp .section-nos-valeurs { position: relative; }
.page-template-template-fullwidth-cmp .section-nos-valeurs::after { top: 0; left: 0; position: absolute; content: ""; background-image: url("./assets/images/bg/maison_3.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 230px; height: 300px; min-height: unset !important; z-index: 0; }
@media screen and (max-width: 768px) { .page-template-template-fullwidth-cmp .section-nos-valeurs::after { opacity: 0.3; } }
.page-template-template-fullwidth-cmp .section-after-notre { position: relative; }
.page-template-template-fullwidth-cmp .section-after-notre::after { bottom: 0; right: 0; position: absolute; content: ""; background-image: url("./assets/images/bg/maison_4.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 300px; height: 300px; min-height: unset !important; z-index: 0; }
@media screen and (max-width: 768px) { .page-template-template-fullwidth-cmp .section-after-notre::after { opacity: 0.3; } }
.page-template-template-fullwidth-cmp .section-notre-expertise { position: relative; }
.page-template-template-fullwidth-cmp .section-notre-expertise::after { top: 0; right: 0; position: absolute; content: ""; background-image: url("./assets/images/bg/maison_5.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 400px; height: 300px; min-height: unset !important; z-index: 0; }
@media screen and (max-width: 768px) { .page-template-template-fullwidth-cmp .section-notre-expertise::after { opacity: 0.3; } }
.page-template-template-fullwidth-cmp .section-gemmes { position: relative; }
.page-template-template-fullwidth-cmp .section-gemmes::after { top: 0; left: 0; position: absolute; content: ""; background-image: url("./assets/images/bg/maison_6.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 300px; height: 300px; min-height: unset !important; z-index: 0; }
@media screen and (max-width: 768px) { .page-template-template-fullwidth-cmp .section-gemmes::after { opacity: 0.3; } }
.page-template-template-fullwidth-cmp .section-demarche { position: relative; }
.page-template-template-fullwidth-cmp .section-demarche::after { top: 20%; left: 0; position: absolute; content: ""; background-image: url("./assets/images/bg/maison_7.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 300px; height: 50%; min-height: unset !important; z-index: 0; }
@media screen and (max-width: 768px) { .page-template-template-fullwidth-cmp .section-demarche::after { opacity: 0.3; } }
.page-template-template-fullwidth-cmp .section-noter-eq-after { position: relative; }
.page-template-template-fullwidth-cmp .section-noter-eq-after::after { top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); left: 0; position: absolute; content: ""; background-image: url("./assets/images/bg/maison_8.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 200px; height: 50%; min-height: unset !important; z-index: 0; }
@media screen and (max-width: 768px) { .page-template-template-fullwidth-cmp .section-noter-eq-after::after { opacity: 0.3; } }

#popup-gallery-jewelry { position: fixed; top: 50%; left: 50%; width: 75%; height: fit-content; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1000000; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#popup-gallery-jewelry #popup-header { position: relative; z-index: 10; }
#popup-gallery-jewelry #popup-header h1, #popup-gallery-jewelry #popup-header h2, #popup-gallery-jewelry #popup-header h3, #popup-gallery-jewelry #popup-header h4, #popup-gallery-jewelry #popup-header h5, #popup-gallery-jewelry #popup-header h6, #popup-gallery-jewelry #popup-header p { position: relative; z-index: 3; }
@media screen and (max-width: 768px) { #popup-gallery-jewelry #popup-header h1, #popup-gallery-jewelry #popup-header h2, #popup-gallery-jewelry #popup-header h3, #popup-gallery-jewelry #popup-header h4, #popup-gallery-jewelry #popup-header h5, #popup-gallery-jewelry #popup-header h6, #popup-gallery-jewelry #popup-header p { font-size: 18px !important; } }
#popup-gallery-jewelry #popup-header::before { left: -30px; top: -30px; position: absolute; content: ""; background-image: url("./assets/images/bg/popup_pattern.png"); background-repeat: no-repeat; background-size: contain; width: calc(60% + 5px); height: calc(100% + 29px); z-index: 1; }
@media screen and (max-width: 1200px) { #popup-gallery-jewelry #popup-header::before { top: -15px; left: -15px; height: calc(100% + 14px); } }
@media screen and (max-width: 992px) { #popup-gallery-jewelry #popup-header::before { background-size: cover; background-position: right; } }
#popup-gallery-jewelry #popup-body { overflow-y: auto; height: fit-content; }
#popup-gallery-jewelry #popup-body > .wp-block-group__inner-container { height: calc(50vh + 50px); }
@media screen and (max-width: 768px) { #popup-gallery-jewelry #popup-body > .wp-block-group__inner-container { height: calc(50vh + 100px); } }
@media screen and (max-width: 480px) { #popup-gallery-jewelry #popup-body > .wp-block-group__inner-container { height: calc(45vh + 100px); } }
@media screen and (max-height: 420px) { #popup-gallery-jewelry #popup-body > .wp-block-group__inner-container { height: calc(30vh + 100px); } }
#popup-gallery-jewelry .button-close-popup { position: absolute; right: 0; top: 0; z-index: 10; cursor: pointer; }
@media screen and (max-width: 768px) { #popup-gallery-jewelry .button-close-popup { top: -10px; right: -5px; } }
#popup-gallery-jewelry .image-gallery-toggle-js, #popup-gallery-jewelry .button-close-description { cursor: pointer; }
#popup-gallery-jewelry .button-close-description figure { margin: 0 !important; }
#popup-gallery-jewelry .col-content-gallery { height: fit-content; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#popup-gallery-jewelry .col-content-gallery:hover { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 12px; }
@media screen and (max-width: 1440px) { #popup-gallery-jewelry { width: calc(100% - 100px); } }
@media screen and (max-width: 1200px) { #popup-gallery-jewelry { width: calc(100% - 70px); padding: 15px !important; } }
@media screen and (max-width: 992px) { #popup-gallery-jewelry { width: calc(100% - 30px); } }
@media screen and (max-width: 768px) { #popup-gallery-jewelry { width: 70%; } }
@media screen and (max-width: 575px) { #popup-gallery-jewelry { width: calc(100% - 30px); } }

#popup-gallery-jewelry.active { visibility: visible; opacity: 1; z-index: 10000000; }

.group-description-gallery { display: none; }

.active-col-content-gallery { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 12px; }
.active-col-content-gallery .group-description-gallery { display: block; animation: show_block 0.5s forwards; }

.woocommerce-shop .banner-shop { display: block; }

.single-product .banner-shop { display: block; }
.single-product div.product { overflow: unset; }
.single-product div.product form.cart { padding: 0 !important; width: 100%; margin: -38px auto 10px auto; }
.single-product div.product form.cart button { margin-top: 20px; width: 100%; padding-left: 15px !important; padding-right: 15px !important; }
.single-product .edit-link { display: none !important; }
.single-product #primary.content-area { width: 100%; float: unset; margin: 0 auto; }
.single-product .heading-title-pagin { background-color: #58668b; color: #ffffff; display: flex; align-items: center; margin-bottom: 30px; padding: 20px 15px; }
@media screen and (max-width: 480px) { .single-product .heading-title-pagin { padding: 15px 8px; } }
.single-product .heading-title-pagin .prod-heading { padding: 0 5px; width: 45%; font-size: 30px; font-weight: 300; pointer-events: none; }
@media screen and (max-width: 992px) { .single-product .heading-title-pagin .prod-heading { font-size: 20px; } }
@media screen and (max-width: 480px) { .single-product .heading-title-pagin .prod-heading { font-size: 14px; } }
.single-product .heading-title-pagin.related-none { justify-content: center; font-size: 30px; }
@media screen and (max-width: 992px) { .single-product .heading-title-pagin.related-none { font-size: 20px; } }
@media screen and (max-width: 480px) { .single-product .heading-title-pagin.related-none { font-size: 14px; } }
.single-product .heading-title-pagin a { font-weight: 200; display: flex; justify-content: center; text-align: center; width: calc(55% / 2); color: #ffffff !important; position: relative; }
@media screen and (max-width: 992px) { .single-product .heading-title-pagin a { font-size: 15px; } }
@media screen and (max-width: 480px) { .single-product .heading-title-pagin a { font-size: 13px; } }
.single-product .heading-title-pagin a:first-child { padding-right: 14px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }
.single-product .heading-title-pagin a:first-child::before { position: absolute; content: ""; background-image: url("./assets/images/icon/arrow-left.png"); background-repeat: no-repeat; background-size: 100%; height: 25px; width: 14px; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
@media screen and (max-width: 992px) { .single-product .heading-title-pagin a:first-child::before { height: 17px; width: 10px; } }
@media screen and (max-width: 992px) { .single-product .heading-title-pagin a:first-child { padding-right: 10px; } }
@media screen and (max-width: 480px) { .single-product .heading-title-pagin a:first-child { justify-content: flex-start; } }
.single-product .heading-title-pagin a:last-child { padding-left: 14px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }
.single-product .heading-title-pagin a:last-child::before { position: absolute; content: ""; background-image: url("./assets/images/icon/arrow-right.png"); background-repeat: no-repeat; background-size: 100%; height: 25px; width: 14px; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
@media screen and (max-width: 992px) { .single-product .heading-title-pagin a:last-child::before { height: 17px; width: 10px; } }
@media screen and (max-width: 992px) { .single-product .heading-title-pagin a:last-child { padding-left: 10px; } }
@media screen and (max-width: 480px) { .single-product .heading-title-pagin a:last-child { justify-content: flex-end; } }
.single-product .heading-title-pagin img { display: none; }
.single-product .storefront-product-pagination { display: none !important; }
.single-product h1.product_title { margin: 0 auto 15px auto; font-size: 32px !important; line-height: 1; display: none !important; }
@media screen and (max-width: 992px) { .single-product h1.product_title { font-size: 27px !important; } }
@media screen and (max-width: 480px) { .single-product h1.product_title { font-size: 22px !important; } }
.single-product .product_meta { display: none; }
.single-product .quantity { display: flex; width: calc(38px * 3); float: right !important; margin: 0 !important; position: relative; z-index: 2; top: -1px; }
.single-product .quantity input { border: 1px solid #58678c !important; background-color: #f1f3f5 !important; height: 38px; width: 38px; }
.single-product .quantity input::-webkit-outer-spin-button, .single-product .quantity input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.single-product .quantity input[type="number"] { -moz-appearance: textfield; }
.single-product .quantity .btn-plus-qty-cart, .single-product .quantity .btn-minus-qty-cart { display: flex; align-items: center; justify-content: center; cursor: pointer; width: 38px; height: 38px; border: 1px solid #58678c; font-size: 16px; color: #58678c; background-color: #f1f3f5; }
.single-product .quantity .btn-plus-qty-cart:hover, .single-product .quantity .btn-minus-qty-cart:hover { background-color: #58678c; color: #ffffff; }
.single-product .quantity .btn-plus-qty-cart::-moz-selection, .single-product .quantity .btn-minus-qty-cart::-moz-selection { /* Code for Firefox */ color: inherit; background: transparent; }
.single-product .quantity .btn-plus-qty-cart::selection, .single-product .quantity .btn-minus-qty-cart::selection { color: inherit; background: transparent; }
.single-product .quantity .btn-plus-qty-cart { border-left: none; }
.single-product .quantity .btn-minus-qty-cart { border-right: none; }
.single-product .quantity::before { display: none !important; }
.single-product .price { margin: 0 !important; padding: 6px 15px 6px 15px; width: calc(100% - 154px); background-color: #e8ecef; position: relative; z-index: 1; }
@media screen and (max-width: 1200px) { .single-product .price { width: calc(100% - 124px); } }
@media screen and (max-width: 992px) { .single-product .price { width: calc(100% - 154px); } }
@media screen and (max-width: 480px) { .single-product .price { display: flex; align-items: center; height: 38px; padding: 3px 15px 3px 15px; width: calc(100% - 124px); } }
.single-product div.product .price_has_tax form.cart { margin: -67px auto 10px auto; }
.single-product div.product .price_has_tax form.cart button { margin-top: 40px; }
.single-product .price_inc_tax { display: block; font-size: 13px; font-style: italic; padding: 2px 15px; background-color: #ecf0f3; margin: 0 0 5px 0; position: relative; z-index: 2; overflow: auto; white-space: nowrap; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }
.single-product .price_inc_tax::-webkit-scrollbar { display: none; }
.single-product .entry-summary p.price { font-size: 16px !important; overflow: auto; white-space: nowrap; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }
.single-product .entry-summary p.price::-webkit-scrollbar { display: none; }
.single-product .entry-summary .stock { margin-top: 3px !important; margin-bottom: 10px !important; font-size: 14px !important; }
.single-product .woocommerce-list-price-range { width: 100%; overflow: hidden; margin-bottom: 20px; }
.single-product .woocommerce-list-price-range .group-price-range-head { display: flex; justify-content: space-between; padding: 10px; background-color: #e8ecef; border-bottom: 1px solid #ced3d9; }
.single-product .woocommerce-list-price-range .group-price-range-head .title { font-weight: bold; }
.single-product .woocommerce-list-price-range .group-price-range-head .title-second em { font-weight: normal; }
.single-product .woocommerce-list-price-range .list-group-price-range { padding: 0; margin: 0; }
.single-product .woocommerce-list-price-range .list-group-price-range .price-range-item { display: flex; justify-content: space-between; padding: 10px; border-bottom: 1px solid #f1f3f5; background-color: #cccccc; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.single-product .woocommerce-list-price-range .list-group-price-range .price-range-item::before { content: ""; display: block; border-left: 5px solid #000000; border-top: 5px solid transparent; border-bottom: 5px solid transparent; width: 0; height: 0; position: absolute; top: 17px; left: 0px; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.single-product .woocommerce-list-price-range .list-group-price-range .price-range-item:last-child { border-bottom: none; }
.single-product .woocommerce-list-price-range .list-group-price-range .price-range-item.active { background-color: #ffffff; padding-left: 20px; }
.single-product .woocommerce-list-price-range .list-group-price-range .price-range-item.active::before { left: 10px; opacity: 1; }
.single-product .woocommerce-list-price-range .list-group-price-range .price-range-item .range-pices, .single-product .woocommerce-list-price-range .list-group-price-range .price-range-item .prix-net { font-size: 15px; }
.single-product .woocommerce-list-price-range .list-group-price-range .price-range-item .range-pices { padding-right: 10px; }
.single-product .woocommerce-list-price-range .list-group-price-range .price-range-item .prix-net { white-space: nowrap; text-align: right; }
.single-product table th, .single-product table td { padding: 10px 0; width: 50%; font-size: 15px !important; font-weight: 400 !important; border-top: 1px solid #bbc2c8; background-color: transparent !important; }
.single-product table th p, .single-product table th a, .single-product table td p, .single-product table td a { font-size: 15px !important; }
@media screen and (max-width: 480px) { .single-product table th, .single-product table td { font-size: 14px !important; }
  .single-product table th a, .single-product table th p, .single-product table td a, .single-product table td p { font-size: 14px !important; } }
.single-product .product_meta { border-top: none !important; }
.single-product .tpwpg-main.images { margin-bottom: 30px !important; }
.single-product .entry-summary { padding-top: 35px; margin-bottom: 90px !important; padding-right: 60px !important; width: 54% !important; position: relative; font-size: 15px !important; }
@media screen and (max-width: 1200px) { .single-product .entry-summary { width: 55% !important; } }
.single-product .entry-summary.out-stock-group .price { width: 100%; margin-bottom: 0px !important; }
.single-product .entry-summary p { font-size: 15px !important; }
.single-product .entry-summary .price { font-size: 1.41575em !important; z-index: 0; }
.single-product .entry-summary .woocommerce-product-details__short-description { display: none; }
.single-product .entry-summary .short-description-details { margin: 0px 0 10px 0; font-size: 15px !important; }
.single-product .entry-summary .short-description-details p { font-size: 15px !important; }
.single-product .entry-summary h2 { font-size: 24px !important; margin: 0 0 12px 0 !important; font-weight: 500; font-family: "Source Sans Pro", sans-serif !important; }
.single-product .entry-summary::before { content: ""; top: 0; left: 0; width: calc(100% - 60px); position: absolute; height: 0.5px; background-color: #58678c; }
@media screen and (max-width: 992px) { .single-product .entry-summary::before { width: 100%; } }
@media screen and (max-width: 992px) { .single-product .entry-summary { padding-right: 0 !important; width: 100% !important; } }
.single-product .group-product-price-attributes { display: flex; flex-direction: row-reverse; gap: 30px; }
@media screen and (max-width: 1200px) { .single-product .group-product-price-attributes { gap: 20px; } }
@media screen and (max-width: 768px) { .single-product .group-product-price-attributes { flex-direction: column; } }
.single-product .group-product-price-attributes .col-content-group { width: 60%; position: relative; }
.single-product .group-product-price-attributes .col-content-group:last-child { width: 40%; }
@media screen and (max-width: 1200px) { .single-product .group-product-price-attributes .col-content-group { width: 55%; }
  .single-product .group-product-price-attributes .col-content-group:last-child { width: 45%; } }
@media screen and (max-width: 768px) { .single-product .group-product-price-attributes .col-content-group { width: 100% !important; } }
.single-product .woocommerce-product-gallery { width: 43% !important; margin-bottom: 90px !important; padding-left: 60px !important; margin-right: 0 !important; position: relative; }
@media screen and (max-width: 1200px) { .single-product .woocommerce-product-gallery { width: 40%; } }
.single-product .woocommerce-product-gallery.only-image-thubm::after { position: absolute; content: "Survolez l'image pour zoomer ou cliquez pour l'agrandir"; line-height: 1; font-size: 15px !important; bottom: 44px; left: 60px; width: calc(100% - 60px); text-align: center; }
@media screen and (max-width: 1200px) { .single-product .woocommerce-product-gallery.only-image-thubm::after { font-size: 12px !important; bottom: 30px; } }
@media screen and (max-width: 992px) { .single-product .woocommerce-product-gallery.only-image-thubm::after { left: 0; width: 100%; font-size: 11px !important; bottom: 24px; } }
@media screen and (max-width: 768px) { .single-product .woocommerce-product-gallery.only-image-thubm::after { font-size: 13px !important; bottom: 24px; } }
@media screen and (max-width: 767px) { .single-product .woocommerce-product-gallery.only-image-thubm::after { bottom: 8px; } }
@media screen and (max-width: 480px) { .single-product .woocommerce-product-gallery.only-image-thubm::after { font-size: 12px !important; } }
@media screen and (max-width: 375px) { .single-product .woocommerce-product-gallery.only-image-thubm::after { font-size: 11px !important; } }
@media screen and (max-width: 299px) { .single-product .woocommerce-product-gallery.only-image-thubm::after { font-size: 10px !important; bottom: 9px; } }
@media screen and (max-width: 992px) { .single-product .woocommerce-product-gallery { padding-left: 0 !important; margin-bottom: 20px !important; width: 100% !important; } }
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { border-radius: 0 !important; top: 0 !important; right: 0 !important; color: #ffffff !important; background-color: #727c9a; display: none !important; }
.single-product .woocommerce-product-gallery .flex-viewport { display: none !important; }
.single-product .woocommerce-product-gallery .flex-control-thumbs { display: none !important; }
.single-product .woocommerce-product-gallery .flex-control-thumbs::after, .single-product .woocommerce-product-gallery .flex-control-thumbs::before { display: none !important; }
.single-product .woocommerce-product-gallery .flex-control-thumbs li { margin: 0 !important; float: unset !important; }
.single-product .woocommerce-product-gallery .list-gallery-pro-slider { list-style: none; margin: 0; padding: 0 35px; }
@media screen and (max-width: 1200px) { .single-product .woocommerce-product-gallery .list-gallery-pro-slider { padding: 0 25px; } }
@media screen and (max-width: 992px) { .single-product .woocommerce-product-gallery .list-gallery-pro-slider { padding: 0 15px; } }
@media screen and (max-width: 480px) { .single-product .woocommerce-product-gallery .list-gallery-pro-slider { padding: 0 5px; } }
.single-product .woocommerce-product-gallery .list-gallery-pro-slider .slick-arrow { border: 1px solid #58678c; border-radius: 0 !important; background-size: 15px !important; width: 20px; height: 20px; }
@media screen and (max-width: 480px) { .single-product .woocommerce-product-gallery .list-gallery-pro-slider .slick-arrow { background-color: #58678c !important; background-size: 7px !important; } }
.single-product .woocommerce-product-gallery .list-gallery-pro-slider .slick-next { right: 0; }
@media screen and (max-width: 480px) { .single-product .woocommerce-product-gallery .list-gallery-pro-slider .slick-next { background-image: url("./assets/images/icon/arrow-right.png"); } }
.single-product .woocommerce-product-gallery .list-gallery-pro-slider .slick-prev { left: 0; }
@media screen and (max-width: 480px) { .single-product .woocommerce-product-gallery .list-gallery-pro-slider .slick-prev { background-image: url("./assets/images/icon/arrow-left.png"); } }
.single-product .woocommerce-product-gallery .list-gallery-pro-slider li { margin: 0 15px; padding: 6px; cursor: pointer; border: 1px solid #d8dce3; }
@media screen and (max-width: 1200px) { .single-product .woocommerce-product-gallery .list-gallery-pro-slider li { margin: 0 10px; } }
@media screen and (max-width: 992px) { .single-product .woocommerce-product-gallery .list-gallery-pro-slider li { margin: 0 8px; padding: 4px; } }
.single-product .woocommerce-product-gallery .list-gallery-pro-slider li img { border-radius: 0 !important; }
.single-product .woocommerce-product-gallery .list-gallery-pro-slider li.slick-current { position: relative; border: 1px solid #58678c; }
.single-product .woocommerce-product-gallery .list-gallery-pro-slider li.slick-current::before, .single-product .woocommerce-product-gallery .list-gallery-pro-slider li.slick-current::after { content: ""; position: absolute; height: 4px; width: 35%; background-color: #f1f3f5; top: -2px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.single-product .woocommerce-product-gallery .list-gallery-pro-slider li.slick-current::after { bottom: -2px; top: unset; }
.single-product .woocommerce-product-gallery .slick-track { display: flex !important; }
.single-product .woocommerce-product-gallery .slick-track .slick-slide { height: initial; }
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image--placeholder, .single-product .woocommerce-product-gallery .woocommerce-product-gallery__image { width: 100%; padding-top: 100%; position: relative; height: 0; cursor: zoom-in; }
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image--placeholder img, .single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 0 !important; }
.single-product .woocommerce-product-gallery .group-product-image-main-slider { position: relative; }
.single-product .woocommerce-product-gallery .group-product-image-main-slider::after { position: absolute; content: "Survolez l'image pour zoomer ou cliquez pour l'agrandir"; line-height: 1; font-size: 15px !important; bottom: 14.5px; left: 0; width: 100%; text-align: center; }
@media screen and (max-width: 1200px) { .single-product .woocommerce-product-gallery .group-product-image-main-slider::after { font-size: 12px !important; bottom: 10px; } }
@media screen and (max-width: 992px) { .single-product .woocommerce-product-gallery .group-product-image-main-slider::after { font-size: 11px !important; bottom: 8px; } }
@media screen and (max-width: 768px) { .single-product .woocommerce-product-gallery .group-product-image-main-slider::after { font-size: 13px !important; } }
@media screen and (max-width: 480px) { .single-product .woocommerce-product-gallery .group-product-image-main-slider::after { font-size: 12px !important; } }
@media screen and (max-width: 375px) { .single-product .woocommerce-product-gallery .group-product-image-main-slider::after { font-size: 11px !important; } }
@media screen and (max-width: 299px) { .single-product .woocommerce-product-gallery .group-product-image-main-slider::after { font-size: 10px !important; bottom: 9px; } }
.single-product .woocommerce-product-gallery .item-img-main-pro { cursor: pointer; position: relative; margin: 0 2px; }
.single-product .woocommerce-product-gallery .item-img-main-pro img.image-main-pro { aspect-ratio: 1/1; object-fit: cover; object-position: center; border-radius: 0 !important; }
.single-product .woocommerce-product-gallery .slick-arrow { background-size: 20px !important; background-color: transparent !important; opacity: 1 !important; }
.single-product .woocommerce-product-gallery .slick-next { background-image: url("./assets/images/icon/icon-arrow-pro-right.png"); }
.single-product .woocommerce-product-gallery .slick-prev { background-image: url("./assets/images/icon/icon-arrow-pro-left.png"); }
.single-product .woocommerce-product-gallery .product-image-main-slider, .single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper { padding: 40px; border: 1px solid #58678c; position: relative; margin-bottom: 30px; }
@media screen and (max-width: 1200px) { .single-product .woocommerce-product-gallery .product-image-main-slider, .single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper { margin-bottom: 20px; padding: 30px; } }
@media screen and (max-width: 992px) { .single-product .woocommerce-product-gallery .product-image-main-slider, .single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper { margin-bottom: 16px; padding: 25px; } }
.single-product .woocommerce-product-gallery .product-image-main-slider::before, .single-product .woocommerce-product-gallery .product-image-main-slider::after, .single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper::before, .single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper::after { content: ""; position: absolute; height: 3px; width: 35%; background-color: #f1f3f5; top: -1px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.single-product .woocommerce-product-gallery .product-image-main-slider::after, .single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper::after { bottom: -1px; top: unset; }
.single-product .woocommerce-product-gallery .product-image-main-slider .slick-next, .single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .slick-next { right: -2px; }
@media screen and (max-width: 1200px) { .single-product .woocommerce-product-gallery .product-image-main-slider .slick-next, .single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .slick-next { right: -10px; } }
.single-product .woocommerce-product-gallery .product-image-main-slider .slick-prev, .single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .slick-prev { left: -2px; }
@media screen and (max-width: 1200px) { .single-product .woocommerce-product-gallery .product-image-main-slider .slick-prev, .single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .slick-prev { left: -10px; } }

.pswp.pswp--supports-fs.pswp--open { display: none !important; }

.site-main .related.products { clear: both; padding: 60px; background-color: #cfd4da; position: relative; margin-bottom: 50px; }
.site-main .related.products::before { content: ""; position: absolute; top: -60px; left: 0; background-color: #58678c; height: 0.5px; width: 100%; }
@media screen and (max-width: 992px) { .site-main .related.products { padding: 30px; } }
.site-main .related.products h2 { text-align: center; padding: 12px 15px 13px 15px; margin-bottom: 50px; background: #dee1e6; color: #515860 !important; font-size: 23px !important; }
@media screen and (max-width: 992px) { .site-main .related.products h2 { font-size: 18px !important; margin-bottom: 30px; } }
.site-main .related.products ul.products { display: none !important; }
.site-main .related.products .list-related-pro-slider { list-style: none; margin: 0 0 50px 0; padding: 0; }
@media screen and (max-width: 992px) { .site-main .related.products .list-related-pro-slider { margin: 0 -8px 30px -8px; } }
.site-main .related.products .list-related-pro-slider li.product { padding: 20px 15px; margin: 0 8px; height: auto; min-height: 250px; display: flex; align-items: center; }
.site-main .related.products .list-related-pro-slider li.product .woocommerce-LoopProduct-link { width: 100%; }
.site-main .related.products .list-related-pro-slider li.product .weight-product { font-size: 16px; }
.site-main .related.products .list-related-pro-slider li.product .name-product { font-size: 15px; }
.site-main .related.products .list-related-pro-slider li.product .price-custom { font-size: 14px; }
.site-main .related.products .list-related-pro-slider .slick-arrow { background-size: 35px !important; background-color: transparent !important; opacity: 1 !important; }
@media screen and (max-width: 575px) { .site-main .related.products .list-related-pro-slider .slick-arrow { background-size: 25px !important; } }
.site-main .related.products .list-related-pro-slider .slick-next { right: -110px; background-image: url("./assets/images/icon/icon-arrow-pro-right.png"); }
@media screen and (max-width: 1300px) { .site-main .related.products .list-related-pro-slider .slick-next { right: -52px; } }
@media screen and (max-width: 992px) { .site-main .related.products .list-related-pro-slider .slick-next { right: -62px; } }
@media screen and (max-width: 575px) { .site-main .related.products .list-related-pro-slider .slick-next { right: -31px; } }
.site-main .related.products .list-related-pro-slider .slick-prev { left: -110px; background-image: url("./assets/images/icon/icon-arrow-pro-left.png"); }
@media screen and (max-width: 1300px) { .site-main .related.products .list-related-pro-slider .slick-prev { left: -52px; } }
@media screen and (max-width: 992px) { .site-main .related.products .list-related-pro-slider .slick-prev { left: -62px; } }
@media screen and (max-width: 575px) { .site-main .related.products .list-related-pro-slider .slick-prev { left: -31px; } }
.site-main .related.products .list-related-pro-slider .slick-track { display: flex !important; }
.site-main .related.products .list-related-pro-slider .slick-track .slick-slide { height: initial; }
.site-main .related.products .cart, .site-main .related.products .add_to_cart_button { display: none !important; }
.site-main .related.products .group-product-card { border: none !important; padding-bottom: 0 !important; }
.site-main .related.products .col-left-product { justify-content: center !important; }
.site-main .related.products .button-return-to-catalog a { width: fit-content; padding: 7px 15px; font-size: 14px !important; border: 1px solid #727c9a; font-weight: 600; color: #727c9a; background-color: transparent; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
.site-main .related.products .button-return-to-catalog .arrow-link-custom { display: flex; align-items: center; justify-content: center; width: 14px; height: 14px; margin-left: 8px; background-color: #727c9a; }
.site-main .related.products .button-return-to-catalog .arrow-link-custom img { width: 6px; height: auto; }

/*breadcrumb After login*/
.logged-in .woocommerce-breadcrumb { color: #b0b6be; }
.logged-in .woocommerce-breadcrumb a { color: #58658a !important; text-decoration: none; opacity: 0.9; }
.logged-in .woocommerce-breadcrumb a:hover { opacity: 1; }
.logged-in .woocommerce-breadcrumb a:first-child { font-size: 0; }
.logged-in .woocommerce-breadcrumb a:first-child::after { content: "[OR]ders"; font-size: 16px; }
.logged-in .woocommerce-breadcrumb .breadcrumb-separator { color: #58658a !important; }
.logged-in .woocommerce-breadcrumb .breadcrumb-separator::after { opacity: 0.5; }

.woocommerce-shop .storefront-breadcrumb { margin-bottom: 0; padding-bottom: 10px; }
.woocommerce-shop .content-area, .woocommerce-shop #secondary { margin-bottom: 0px; }
.woocommerce-shop .group-banner-shop-info { width: 65%; margin: 20px auto; }
@media screen and (max-width: 768px) { .woocommerce-shop .group-banner-shop-info { width: 100%; } }
.woocommerce-shop .group-banner-shop-info .group-title { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; margin-bottom: 50px; }
.woocommerce-shop .group-banner-shop-info .title-left { padding-top: 3px; align-items: center; color: #ffffff; font-weight: 600; line-height: 1; font-family: "Amiri", serif; }
.woocommerce-shop .group-banner-shop-info .title-right { padding: 1px 10px; margin-top: -1px; margin-bottom: -1px; background-color: #070707; color: #ffffff; text-align: center; }
.woocommerce-shop .group-banner-shop-info .group-lingots { display: flex; justify-content: space-between; }
.woocommerce-shop .group-banner-shop-info .group-lingots .lingots { font-size: 22px; line-height: 1.1; text-align: right; margin-bottom: 30px; }
@media screen and (max-width: 992px) { .woocommerce-shop .group-banner-shop-info .group-lingots .lingots { font-size: 20px; } }
.woocommerce-shop .group-banner-shop-info .group-lingots .none-cont { width: 55%; }
@media screen and (max-width: 992px) { .woocommerce-shop .group-banner-shop-info .group-lingots .none-cont { width: 0; } }
.woocommerce-shop .group-banner-shop-info .group-lingots .tag-cont { width: 45%; }
@media screen and (max-width: 992px) { .woocommerce-shop .group-banner-shop-info .group-lingots .tag-cont { width: 100%; } }
.woocommerce-shop .group-banner-shop-info .group-lingots .list-tag { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; }
.woocommerce-shop .group-banner-shop-info .group-lingots .list-tag div { padding: 1px 10px; margin-left: 10px; margin-bottom: 10px; background-color: #e8ecef; }
.woocommerce-shop .group-banner-shop-info .group-lingots .list-tag div:first-child { background-color: #ffffff; }
.woocommerce-shop .align-top-banner { align-items: flex-start; }
.woocommerce-shop .shop-category { margin-bottom: 85px; }
@media screen and (max-width: 768px) { .woocommerce-shop .shop-category .wp-block-columns { background-color: transparent !important; } }
.woocommerce-shop .shop-category .wp-block-column { position: relative; }
@media screen and (max-width: 768px) { .woocommerce-shop .shop-category .wp-block-column { margin-bottom: 50px; } }
.woocommerce-shop .shop-category .wp-block-column:nth-child(even)::after, .woocommerce-shop .shop-category .wp-block-column:nth-child(even)::before { content: ""; height: calc(100% - 100px); width: 1px; position: absolute; right: 0; top: 50%; background-color: #dee3e7; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
@media screen and (max-width: 768px) { .woocommerce-shop .shop-category .wp-block-column:nth-child(even)::after, .woocommerce-shop .shop-category .wp-block-column:nth-child(even)::before { display: none; } }
.woocommerce-shop .shop-category .wp-block-column:nth-child(even)::before { left: 0; right: unset; }
.woocommerce-shop .shop-category .wp-block-buttons { position: absolute; bottom: -85px; width: 100%; }
@media screen and (max-width: 768px) { .woocommerce-shop .shop-category .wp-block-buttons { position: static; margin-top: 30px; } }

.woocommerce .widget_product_search { margin-bottom: 10px; }
.woocommerce .storefront-sorting { margin-bottom: 15px !important; }
.woocommerce .wpfSlugWrapper { display: none; }
.woocommerce .wpfFilterWrapper { margin-top: 0; }

/* Card item product custom */
ul.products::before, .list-related-pro-slider::before { display: none; }
ul.products li.product, .list-related-pro-slider li.product { background-color: #ffffff; }
ul.products li.product .woocommerce-loop-product__title, ul.products li.product .price, ul.products li.product .custom-attribute, .list-related-pro-slider li.product .woocommerce-loop-product__title, .list-related-pro-slider li.product .price, .list-related-pro-slider li.product .custom-attribute { display: none !important; }
ul.products li.product .group-content, .list-related-pro-slider li.product .group-content { display: flex; }
ul.products li.product .col-right-product, .list-related-pro-slider li.product .col-right-product { width: 45%; }
ul.products li.product .col-left-product, .list-related-pro-slider li.product .col-left-product { width: 55%; text-align: left; line-height: 1.3; display: flex; flex-direction: column; justify-content: center; }
ul.products li.product .col-right-product, .list-related-pro-slider li.product .col-right-product { padding-left: 10px; }
ul.products li.product .col-right-product img, .list-related-pro-slider li.product .col-right-product img { margin: 0; aspect-ratio: 3/4; object-fit: contain; background: #ffffff; border-radius: 0; }
ul.products li.product .weight-product, .list-related-pro-slider li.product .weight-product { display: none !important; font-size: 19px; color: #070707 !important; margin-bottom: 2px; }
ul.products li.product .weight-product strong, .list-related-pro-slider li.product .weight-product strong { display: none; }
ul.products li.product .name-product, ul.products li.product .price-custom, .list-related-pro-slider li.product .name-product, .list-related-pro-slider li.product .price-custom { font-size: 17px; font-weight: 700; color: #070707 !important; opacity: 0.95; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
ul.products li.product .name-product, .list-related-pro-slider li.product .name-product { margin-bottom: 5px; line-height: 1; }
ul.products li.product .price-custom, .list-related-pro-slider li.product .price-custom { font-size: 15px; }
ul.products li.product .quantity, .list-related-pro-slider li.product .quantity { margin-bottom: 0; display: flex; flex-wrap: wrap; align-items: center; margin-top: 15px; }
ul.products li.product .quantity::before, .list-related-pro-slider li.product .quantity::before { margin-right: 5px; font-size: 13px; font-weight: 600; content: "Qté :"; }
ul.products li.product .quantity input, .list-related-pro-slider li.product .quantity input { border: 1px solid #58678c !important; background-color: #ffffff !important; height: 30px; width: 30px; font-size: 13px; }
ul.products li.product .quantity input::-webkit-outer-spin-button, ul.products li.product .quantity input::-webkit-inner-spin-button, .list-related-pro-slider li.product .quantity input::-webkit-outer-spin-button, .list-related-pro-slider li.product .quantity input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
ul.products li.product .quantity input[type="number"], .list-related-pro-slider li.product .quantity input[type="number"] { -moz-appearance: textfield; }
ul.products li.product .quantity .btn-plus-qty, ul.products li.product .quantity .btn-minus-qty, .list-related-pro-slider li.product .quantity .btn-plus-qty, .list-related-pro-slider li.product .quantity .btn-minus-qty { display: flex; align-items: center; justify-content: center; cursor: pointer; width: 30px; height: 30px; border: 1px solid #58678c; font-size: 16px; background-color: #58678c; color: #ffffff; }
ul.products li.product .quantity .btn-plus-qty::-moz-selection, ul.products li.product .quantity .btn-minus-qty::-moz-selection, .list-related-pro-slider li.product .quantity .btn-plus-qty::-moz-selection, .list-related-pro-slider li.product .quantity .btn-minus-qty::-moz-selection { /* Code for Firefox */ color: inherit; background: transparent; }
ul.products li.product .quantity .btn-plus-qty::selection, ul.products li.product .quantity .btn-minus-qty::selection, .list-related-pro-slider li.product .quantity .btn-plus-qty::selection, .list-related-pro-slider li.product .quantity .btn-minus-qty::selection { color: inherit; background: transparent; }
ul.products li.product .quantity .btn-plus-qty, .list-related-pro-slider li.product .quantity .btn-plus-qty { border-left: none; }
ul.products li.product .quantity .btn-minus-qty, .list-related-pro-slider li.product .quantity .btn-minus-qty { border-right: none; }
ul.products li.product .cart, .list-related-pro-slider li.product .cart { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; margin-bottom: 0; }
@media screen and (max-width: 1440px) { ul.products li.product .cart, .list-related-pro-slider li.product .cart { justify-content: center; } }
@media screen and (max-width: 992px) { ul.products li.product .cart, .list-related-pro-slider li.product .cart { justify-content: space-between; } }
@media screen and (max-width: 990px) { ul.products li.product .cart, .list-related-pro-slider li.product .cart { justify-content: center; } }
@media screen and (max-width: 480px) { ul.products li.product .cart, .list-related-pro-slider li.product .cart { justify-content: space-between; } }
ul.products li.product .cart button, .list-related-pro-slider li.product .cart button { margin-top: 15px; border: 1px solid #58658a !important; background-color: #ffffff !important; color: #58658a !important; margin-bottom: 0; height: 30px; line-height: 8px; padding: 8px 10px; font-size: 13px !important; width: auto; min-width: 140px !important; }
ul.products li.product .cart button:hover, .list-related-pro-slider li.product .cart button:hover { background-color: #58658a !important; color: #ffffff !important; }
ul.products li.product .group-product-card, .list-related-pro-slider li.product .group-product-card { padding-bottom: 15px; border-bottom: 1px solid #edeef1; position: relative; }
ul.products li.product .group-product-card:hover .name-product, .list-related-pro-slider li.product .group-product-card:hover .name-product { color: #58658a !important; }
ul.products li.product .group-product-card > a.woocommerce-LoopProduct-link, .list-related-pro-slider li.product .group-product-card > a.woocommerce-LoopProduct-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
ul.products .tooltip-range-price, .list-related-pro-slider .tooltip-range-price { cursor: default; visibility: hidden; opacity: 0; position: absolute; left: 25%; transform: translate(-50%, 0); width: 260px; z-index: 1; background-color: #2b3a60; bottom: 0; border-radius: 12px; transition: all 0.3s ease-in-out; }
ul.products .tooltip-range-price .group-tooltip-price, .list-related-pro-slider .tooltip-range-price .group-tooltip-price { padding: 10px 0; position: relative; }
ul.products .tooltip-range-price .group-tooltip-price::after, .list-related-pro-slider .tooltip-range-price .group-tooltip-price::after { content: ""; display: block; width: 10px; height: 10px; background-color: transparent; border-top: 7px solid #2b3a60; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; bottom: -9px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
ul.products .tooltip-range-price .item-tooltip, ul.products .tooltip-range-price .tooltip-head, .list-related-pro-slider .tooltip-range-price .item-tooltip, .list-related-pro-slider .tooltip-range-price .tooltip-head { display: flex; padding: 0 10px; margin-bottom: 8px; color: #ffffff; font-weight: 400; font-size: 12px; text-align: center; }
ul.products .tooltip-range-price .tooltip-head, .list-related-pro-slider .tooltip-range-price .tooltip-head { margin-bottom: 10px; font-weight: 600; }
ul.products .tooltip-range-price .item-tooltip:last-child, .list-related-pro-slider .tooltip-range-price .item-tooltip:last-child { margin-bottom: 0; }
ul.products .tooltip-range-price .item-tooltip > div:first-child, .list-related-pro-slider .tooltip-range-price .item-tooltip > div:first-child { width: 60%; }
ul.products .tooltip-range-price .item-tooltip > div:last-child, .list-related-pro-slider .tooltip-range-price .item-tooltip > div:last-child { width: 40%; }
ul.products .tooltip-range-price .product-title, .list-related-pro-slider .tooltip-range-price .product-title { width: 60%; }
ul.products .tooltip-range-price .prix-product, .list-related-pro-slider .tooltip-range-price .prix-product { width: 40%; }
ul.products .tooltip-range-price .list-tooltip-range, .list-related-pro-slider .tooltip-range-price .list-tooltip-range { height: auto; min-height: 0; max-height: 134px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #f1f1f1 #2b3a60; }
ul.products .tooltip-range-price .list-tooltip-range::-webkit-scrollbar, .list-related-pro-slider .tooltip-range-price .list-tooltip-range::-webkit-scrollbar { width: 2px; }
ul.products .tooltip-range-price .list-tooltip-range::-webkit-scrollbar-track, .list-related-pro-slider .tooltip-range-price .list-tooltip-range::-webkit-scrollbar-track { background: #2b3a60; }
ul.products .tooltip-range-price .list-tooltip-range::-webkit-scrollbar-thumb, .list-related-pro-slider .tooltip-range-price .list-tooltip-range::-webkit-scrollbar-thumb { background: #f1f1f1; }
ul.products .tag-range-price, .list-related-pro-slider .tag-range-price { margin-top: 15px; display: flex; align-items: center; justify-content: space-between; border: 1px dashed #000000; padding: 5px; border-radius: 2px; background-color: #ffecc7; color: #2b3a60; font-size: 11px; line-height: 1.1; font-weight: 700; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); width: 100%; flex-wrap: wrap; }
ul.products .tag-range-price .title-range-price, .list-related-pro-slider .tag-range-price .title-range-price { display: flex; align-items: center; position: relative; padding-left: 13px; }
ul.products .tag-range-price .title-range-price img, .list-related-pro-slider .tag-range-price .title-range-price img { position: absolute; top: 1px; left: 0; margin: 0; width: 11px; height: auto; }
ul.products .tag-range-price .range-price, .list-related-pro-slider .tag-range-price .range-price { padding-left: 13px; }
ul.products .col-left-product:hover .tooltip-range-price, .list-related-pro-slider .col-left-product:hover .tooltip-range-price { visibility: visible; opacity: 1; bottom: 45px; }
@media screen and (max-width: 768px) { ul.products li.product:nth-child(odd) .tooltip-range-price, .list-related-pro-slider li.product:nth-child(odd) .tooltip-range-price { left: -15px !important; transform: translate(0) !important; }
  ul.products li.product:nth-child(odd) .tooltip-range-price .group-tooltip-price::after, .list-related-pro-slider li.product:nth-child(odd) .tooltip-range-price .group-tooltip-price::after { left: 25%; } }
@media screen and (max-width: 480px) { ul.products li.product .tooltip-range-price, .list-related-pro-slider li.product .tooltip-range-price { left: -15px !important; transform: translate(0) !important; }
  ul.products li.product .tooltip-range-price .group-tooltip-price::after, .list-related-pro-slider li.product .tooltip-range-price .group-tooltip-price::after { left: 25%; } }

.highlight-products-dashboard ul.products li.product .tooltip-range-price { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); width: 240px; left: -190px; bottom: -47px; }
@media screen and (max-width: 1200px) { .highlight-products-dashboard ul.products li.product .tooltip-range-price { -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } }
@media screen and (max-width: 992px) { .highlight-products-dashboard ul.products li.product .tooltip-range-price { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } }
@media screen and (max-width: 768px) { .highlight-products-dashboard ul.products li.product .tooltip-range-price { width: 240px; left: -190px !important; bottom: -47px !important; transform: scale(0.6) !important; } }
.highlight-products-dashboard ul.products li.product .tooltip-range-price .group-tooltip-price::after { bottom: 50%; left: unset; right: -9px; border-left: 7px solid #2b3a60; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: unset; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.highlight-products-dashboard ul.products li.product .col-left-product:hover .tooltip-range-price { bottom: -47px; left: -210px; }
@media screen and (max-width: 1200px) { .highlight-products-dashboard ul.products li.product .col-left-product:hover .tooltip-range-price { left: -200px; } }
@media screen and (max-width: 992px) { .highlight-products-dashboard ul.products li.product .col-left-product:hover .tooltip-range-price { left: -210px; } }
@media screen and (max-width: 768px) { .highlight-products-dashboard ul.products li.product .col-left-product:hover .tooltip-range-price { left: -200px !important; } }

.site-main .related.products .tooltip-range-price, .highlight-products-dashboard .tooltip-range-price { display: none !important; }

.site-main ul.products.columns-3 { display: flex; flex-wrap: wrap; margin: 0 -8px 20px -8px; }
.site-main ul.products.columns-3 li.product { margin: 0 8px 16px 8px !important; width: calc(100% / 3 - 16px); padding: 15px; float: unset; }
@media screen and (max-width: 992px) { .site-main ul.products.columns-3 li.product { width: calc(100% / 2 - 16px); } }
@media screen and (max-width: 480px) { .site-main ul.products.columns-3 li.product { width: calc(100% - 16px); } }

.wpfSlug { border-radius: 0 !important; border: 1px solid #58658a !important; background-color: transparent !important; color: #58658a !important; }

.wpfFilterVerScroll::-webkit-scrollbar { width: 5px !important; }

.wpfFilterVerScroll::-webkit-scrollbar-thumb { border-radius: 0 !important; box-shadow: inset 0 0 6px #cccccc !important; background-color: #58658a !important; border: none !important; }

.wpfFilterVerScroll::-webkit-scrollbar-track { border: none !important; padding: 2px 0 !important; background-color: #cccccc !important; }

.wpfFilterButtons { width: fit-content !important; }

.wpfFilterButton.wpfButton, .wpfClearButton.wpfButton { min-width: 150px !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; color: #fff !important; cursor: pointer !important; padding: 0.6180469716em 1.41575em !important; text-decoration: none !important; font-weight: 600 !important; text-shadow: none !important; display: inline-block !important; -webkit-appearance: none !important; font-size: 14px !important; min-height: 40px !important; }

.la-spinner, .wpfIconPreview .spinner, .wpfLoaderIconTemplate .spinner, .woobewoo-filter-loader.spinner { background: url("./assets/images/icon/loading.gif") !important; background-repeat: no-repeat !important; transform: none !important; }

.woocommerce-shop .ui-widget-header { background: #737e9c !important; }
.woocommerce-shop .wpfPriceTooltipShowAsText { background: #ffffff !important; }
.woocommerce-shop .wpfPriceRangeField { padding: 0 5px !important; }
.woocommerce-shop .ms-options-wrap button { padding: 6px 12px !important; line-height: 25px !important; background-color: #ffffff; color: #000000 !important; border: 1px solid #000000 !important; font-weight: normal !important; }
.woocommerce-shop .ms-options-wrap button:focus, .woocommerce-shop .ms-options-wrap button:hover { background-color: #ffffff !important; }
.woocommerce-shop .ms-options-wrap > .ms-options { padding: 6px 9px; }

.added_to_cart.wc-forward, .confirm_add { display: none !important; }

.button-access-to-shop-page { position: relative; z-index: 100; margin-top: 15px; margin-bottom: 15px; font-size: 17px; padding: 12px 35px; }

.tax-product_cat.section-not-have-final-children #secondary { display: none !important; }
.tax-product_cat.section-not-have-final-children #primary { float: unset !important; width: 100% !important; max-width: 100% !important; }
.tax-product_cat.section-not-have-final-children .site-main ul.products.columns-3 li.product { width: calc(100% / 4 - 16px); }
@media screen and (max-width: 992px) { .tax-product_cat.section-not-have-final-children .site-main ul.products.columns-3 li.product { width: calc(100% / 2 - 16px); } }
@media screen and (max-width: 480px) { .tax-product_cat.section-not-have-final-children .site-main ul.products.columns-3 li.product { width: calc(100% - 16px); } }
.tax-product_cat .site-main { margin-bottom: 70px; }
.tax-product_cat .woocommerce-loop-category__title { font-size: 18px !important; line-height: 1.1 !important; margin: 15px 0 0 0 !important; }
.tax-product_cat .woocommerce-loop-category__title .count { color: #737e9c !important; }
.tax-product_cat .product-category img { width: 100% !important; border-radius: 0 !important; margin: 0 !important; aspect-ratio: 1 !important; object-fit: cover !important; object-position: center !important; }

.woocommerce-cart .woocommerce-message, .woocommerce-cart .woocommerce-error, .woocommerce-cart .woocommerce-info { margin-bottom: 15px !important; }
.woocommerce-cart #secondary.widget-area, .woocommerce-cart .edit-link { display: none !important; }
.woocommerce-cart #primary.content-area { width: 100% !important; }
.woocommerce-cart button[name="update_cart"] { display: none !important; }
.woocommerce-cart .coupon { display: flex !important; align-items: center; }
@media screen and (max-width: 768px) { .woocommerce-cart .coupon { display: block !important; } }
.woocommerce-cart .coupon .button { margin-left: 5px; }
.woocommerce-cart #coupon_code { height: 45.63px; }
.woocommerce-cart input:focus { background-color: #fafafa !important; }
.woocommerce-cart table.cart { margin-bottom: 40px !important; }
.woocommerce-cart table.cart th, .woocommerce-cart table.cart td { padding: 12px 15px; }
.woocommerce-cart table.cart th { background-color: #495058; color: #ffffff; }
.woocommerce-cart table.cart th.product-remove { padding: 0; width: 0; }
.woocommerce-cart table.cart th.product-remove .remove:hover::before { color: red !important; }
.woocommerce-cart table.cart th.product-thumbnail { width: 4.2em; padding: 0; }
.woocommerce-cart table.cart th.product-subtotal { text-align: center; }
.woocommerce-cart table.cart td { background-color: #ffffff; vertical-align: middle; }
.woocommerce-cart table.cart td.product-thumbnail { padding: 12px 0; }
.woocommerce-cart table.cart td.product-thumbnail img { max-width: 4.2em; }
.woocommerce-cart table.cart td.product-remove { padding: 12px 12px; }
.woocommerce-cart table.cart td.product-quantity { width: 114px; }
@media screen and (max-width: 768px) { .woocommerce-cart table.cart td.product-quantity { width: 100%; } }
.woocommerce-cart table.cart td.product-quantity .quantity { display: flex; width: calc(38px * 3); margin: 0 !important; position: relative; z-index: 2; top: -1px; }
@media screen and (max-width: 768px) { .woocommerce-cart table.cart td.product-quantity .quantity { float: right; } }
.woocommerce-cart table.cart td.product-quantity .quantity input { border: 1px solid #58678c !important; background-color: #ffffff !important; height: 38px; width: 38px; }
.woocommerce-cart table.cart td.product-quantity .quantity input::-webkit-outer-spin-button, .woocommerce-cart table.cart td.product-quantity .quantity input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.woocommerce-cart table.cart td.product-quantity .quantity input[type="number"] { -moz-appearance: textfield; }
.woocommerce-cart table.cart td.product-quantity .quantity .btn-plus-qty-cart, .woocommerce-cart table.cart td.product-quantity .quantity .btn-minus-qty-cart { display: flex; align-items: center; justify-content: center; cursor: pointer; width: 38px; height: 38px; border: 1px solid #58678c; font-size: 16px; color: #58678c; background-color: #ffffff; }
.woocommerce-cart table.cart td.product-quantity .quantity .btn-plus-qty-cart:hover, .woocommerce-cart table.cart td.product-quantity .quantity .btn-minus-qty-cart:hover { background-color: #58678c; color: #ffffff; }
.woocommerce-cart table.cart td.product-quantity .quantity .btn-plus-qty-cart::-moz-selection, .woocommerce-cart table.cart td.product-quantity .quantity .btn-minus-qty-cart::-moz-selection { /* Code for Firefox */ color: inherit; background: transparent; }
.woocommerce-cart table.cart td.product-quantity .quantity .btn-plus-qty-cart::selection, .woocommerce-cart table.cart td.product-quantity .quantity .btn-minus-qty-cart::selection { color: inherit; background: transparent; }
.woocommerce-cart table.cart td.product-quantity .quantity .btn-plus-qty-cart { border-left: none; }
.woocommerce-cart table.cart td.product-quantity .quantity .btn-minus-qty-cart { border-right: none; }
.woocommerce-cart table.cart td.product-quantity .quantity::before { display: none !important; }
.woocommerce-cart table.cart td.product-subtotal { font-weight: 600; text-align: center; }
@media screen and (max-width: 768px) { .woocommerce-cart table.cart td.product-subtotal { padding-bottom: 20px; text-align: right; } }
.woocommerce-cart table.cart tr:nth-child(even) td { background-color: #fafafa !important; }
.woocommerce-cart table.cart tr:last-child td { padding: 0; background-color: transparent !important; }
.woocommerce-cart .quantity::before { content: "" !important; display: none; }
.woocommerce-cart .cart_totals table th, .woocommerce-cart .cart_totals table td { padding: 12px 15px; }
.woocommerce-cart .cart_totals table th { background-color: #e8ecef; }
.woocommerce-cart .cart_totals table td { background-color: #ffffff; }
.woocommerce-cart .cart_totals table tr:nth-child(even) td { background-color: #fafafa; }
.woocommerce-cart .cart_totals .select2-selection.select2-selection--single { height: 47.63px; border-radius: 0; width: 100%; border: 1px solid #000000; display: flex; align-items: center; }
.woocommerce-cart .cart_totals .select2-selection.select2-selection--single .select2-selection__arrow { top: 10px; }
.woocommerce-cart .cart_totals .form-row { width: 100%; }
.woocommerce-cart .cart_totals .form-row > span { width: 100%; }
.woocommerce-cart .cart_totals .shipping-calculator-form .form-row { margin: 0 0 15px 0; }
.woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button { font-size: 18px; }

.woocommerce-checkout .edit-link { display: none !important; }
.woocommerce-checkout ul.order_details { margin: 30px 0 50px; background-color: #e8ecef; }
.woocommerce-checkout .wc-bacs-bank-details-heading, .woocommerce-checkout .woocommerce-order-details__title, .woocommerce-checkout .woocommerce-column__title { font-size: 28px; line-height: 1.4; margin-bottom: 3px; }
.woocommerce-checkout .woocommerce-order-details__title, .woocommerce-checkout .woocommerce-column__title { margin-bottom: 20px; }
.woocommerce-checkout .woocommerce-thankyou-order-received { color: #458a61; font-size: 18px; font-weight: 600; }
.woocommerce-checkout .woocommerce-order-details table { margin-bottom: 50px; }
.woocommerce-checkout .woocommerce-order-details table:not(.has-background) th { background-color: #e8ecef; }
.woocommerce-checkout .woocommerce-order-details table th, .woocommerce-checkout .woocommerce-order-details table td { padding: 12px 15px; }
.woocommerce-checkout .woocommerce-customer-details .col2-set.addresses { display: flex; float: unset !important; width: 100% !important; max-width: 100% !important; }
@media screen and (max-width: 480px) { .woocommerce-checkout .woocommerce-customer-details .col2-set.addresses { display: block; } }
.woocommerce-checkout .woocommerce-customer-details .col-1, .woocommerce-checkout .woocommerce-customer-details .col-2 { margin: 0 !important; padding: 0 15px 0 0 !important; width: 50% !important; max-width: 50% !important; flex: 0 0 50% !important; -ms-flex: 0 0 50% !important; float: unset !important; }
@media screen and (max-width: 480px) { .woocommerce-checkout .woocommerce-customer-details .col-1, .woocommerce-checkout .woocommerce-customer-details .col-2 { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; -ms-flex: 0 0 100% !important; } }

/* Dashboard Style*/
.page-template-template-summary-page .storefront-breadcrumb { margin-bottom: 0; display: none; }
.page-template-template-summary-page .container-special { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; }
.page-template-template-summary-page .mess-list-item { margin-bottom: 15px; background-color: #eed4d7; padding: 8px 0; display: flex; align-items: center; }
@media screen and (max-width: 768px) { .page-template-template-summary-page .mess-list-item { flex-wrap: wrap; } }
.page-template-template-summary-page .mess-list-item .col-icon { width: 53px; display: flex; align-items: center; justify-content: center; padding: 5px 0; }
.page-template-template-summary-page .mess-list-item .col-label { width: 100%; max-width: 140px; color: #bb4948; font-weight: bold; padding: 5px 15px; border-left: 1px solid #bb4948; border-right: 1px solid #bb4948; }
@media screen and (max-width: 992px) { .page-template-template-summary-page .mess-list-item .col-label { font-size: 14px; } }
@media screen and (max-width: 768px) { .page-template-template-summary-page .mess-list-item .col-label { border-right: none; } }
.page-template-template-summary-page .mess-list-item .col-cont { width: calc(100% - 190px); padding: 0 15px; color: #bb4948; font-weight: 600; line-height: 1.3; }
@media screen and (max-width: 992px) { .page-template-template-summary-page .mess-list-item .col-cont { font-size: 14px; } }
@media screen and (max-width: 768px) { .page-template-template-summary-page .mess-list-item .col-cont { width: 100%; } }
.page-template-template-summary-page .mess-list-item .col-cont a { color: #737e9c !important; }

.banner-dashboard { display: none !important; position: relative; background: #2b385b; background: linear-gradient(90deg, #2b385b 0%, #2b385b 88%, #27304d 100%); }
.banner-dashboard .bg-img-dashboard { position: absolute; height: 100%; width: 100%; z-index: 1; }
.banner-dashboard .bg-img-dashboard img { height: 100%; width: 45%; object-fit: cover; object-position: center right; }
@media screen and (max-width: 1200px) { .banner-dashboard .bg-img-dashboard img { width: 35%; } }
@media screen and (max-width: 992px) { .banner-dashboard .bg-img-dashboard img { opacity: 0.5; width: 20%; } }
.banner-dashboard .content { padding: 30px 0; margin-left: auto; width: 55%; }
@media screen and (max-width: 1200px) { .banner-dashboard .content { width: 70%; } }
@media screen and (max-width: 480px) { .banner-dashboard .content { width: calc(100% - 15px); } }
.banner-dashboard .group-content { padding: 30px 30px 30px 0; position: relative; z-index: 2; text-align: right; border-right: 2px solid #57658a; }
@media screen and (max-width: 768px) { .banner-dashboard .group-content { padding: 20px 20px 20px 0; } }
.banner-dashboard .group-content::after, .banner-dashboard .group-content::before { position: absolute; content: ""; height: 2px; width: 50px; top: 0; right: 0; background-color: #57658a; }
.banner-dashboard .group-content::after { bottom: 0; top: unset; }
.banner-dashboard .group-content h1, .banner-dashboard .group-content h2, .banner-dashboard .group-content h3, .banner-dashboard .group-content h4, .banner-dashboard .group-content h5 { position: relative; width: fit-content; margin-left: auto; line-height: 1.2; margin-bottom: 5px; font-weight: 700; font-family: "Source Sans Pro", sans-serif !important; }
@media screen and (max-width: 1200px) { .banner-dashboard .group-content h1, .banner-dashboard .group-content h2, .banner-dashboard .group-content h3, .banner-dashboard .group-content h4, .banner-dashboard .group-content h5 { font-size: 30px !important; } }
@media screen and (max-width: 992px) { .banner-dashboard .group-content h1, .banner-dashboard .group-content h2, .banner-dashboard .group-content h3, .banner-dashboard .group-content h4, .banner-dashboard .group-content h5 { font-size: 28px !important; } }
@media screen and (max-width: 768px) { .banner-dashboard .group-content h1, .banner-dashboard .group-content h2, .banner-dashboard .group-content h3, .banner-dashboard .group-content h4, .banner-dashboard .group-content h5 { font-size: 25px !important; } }
.banner-dashboard .group-content h1 strong, .banner-dashboard .group-content h2 strong, .banner-dashboard .group-content h3 strong, .banner-dashboard .group-content h4 strong, .banner-dashboard .group-content h5 strong { font-weight: 700 !important; }
.banner-dashboard .group-content h1::before, .banner-dashboard .group-content h1::after, .banner-dashboard .group-content h2::before, .banner-dashboard .group-content h2::after, .banner-dashboard .group-content h3::before, .banner-dashboard .group-content h3::after, .banner-dashboard .group-content h4::before, .banner-dashboard .group-content h4::after, .banner-dashboard .group-content h5::before, .banner-dashboard .group-content h5::after { content: ""; width: 20px; height: 20px; background-color: #57658a; position: absolute; top: -30px; left: -50px; }
.banner-dashboard .group-content h1::after, .banner-dashboard .group-content h2::after, .banner-dashboard .group-content h3::after, .banner-dashboard .group-content h4::after, .banner-dashboard .group-content h5::after { background-color: #2b385b; border-radius: 50%; width: 40px; height: 40px; }
.banner-dashboard .group-content p { line-height: 1.2; font-size: 35px; font-weight: 300; margin-bottom: 0; }
@media screen and (max-width: 1200px) { .banner-dashboard .group-content p { font-size: 30px !important; } }
@media screen and (max-width: 992px) { .banner-dashboard .group-content p { font-size: 28px !important; } }
@media screen and (max-width: 768px) { .banner-dashboard .group-content p { font-size: 22px !important; } }

.welcome { margin-top: 60px; margin-bottom: 20px; }
.welcome .group-content { padding: 10px 20px; background-color: #fafafa; }
.welcome .name-customer { text-transform: capitalize; }
.welcome h2 { margin-bottom: 0px; line-height: 1.2; font-size: 30px; }
.welcome p { margin: 0; font-size: 17px; }

.list-layout-dashboard { margin-top: 60px; }
.list-layout-dashboard .col-cont { margin-bottom: 30px; }

.summary-page-block { padding: 20px 18px 25px 18px; height: 100%; }
.summary-page-block .icon { margin-bottom: 5px; }
.summary-page-block .icon img { width: 28px; height: auto; }
.summary-page-block .block-header { display: flex; align-items: center; margin-bottom: 15px; flex-wrap: wrap; }
.summary-page-block .block-header .title { line-height: 1.2; font-size: 18px; margin-bottom: 5px; }
.summary-page-block .block-header .title p { margin: 0; }
.summary-page-block .block-content { line-height: 1.5; font-weight: 500; font-size: 16px; color: #000 !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; margin-bottom: 25px; }
.summary-page-block .description p { margin-bottom: 0; font-size: 13px; line-height: 16px; }
.summary-page-block .group-content p { margin-bottom: 10px; }
.summary-page-block .group-content a:hover { text-decoration: underline !important; }
.summary-page-block hr { margin-bottom: 0 !important; }
.summary-page-block.sell-on-order { background-image: url("./assets/images/bg/dashboard.png"); background-repeat: no-repeat; background-size: cover; background-position: bottom right; }
.summary-page-block.buy-from-catalog { background-image: url("./assets/images/bg/dashboard-1.png"); background-repeat: no-repeat; background-size: cover; background-position: bottom right; }
.summary-page-block.disabled { position: relative; }
.summary-page-block.disabled::before { pointer-events: none !important; opacity: 0.5; content: ""; background-color: #000000 !important; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; }
.summary-page-block.disabled::after { position: absolute; background-color: #2b385b; content: "Bientôt disponible"; font-size: 13px; padding: 5px 10px; text-align: center; color: #ffffff; top: 0; right: 0; z-index: 2; }

.action-layout-user .summary-page-block .spacer-hr { width: 1px; height: 40px; margin: 0 15px; background: #d2d2d2; }
.action-layout-user .summary-page-block .title { font-size: 20px; font-weight: 400; }

.information-recive-layout { margin-bottom: 60px; }
.information-recive-layout .summary-page-block { height: 100%; background-color: #ffffff; }
.information-recive-layout .summary-page-block .icon { margin-right: 10px; }
.information-recive-layout .summary-page-block.metal-rate-api-optional { background-color: transparent; }
.information-recive-layout .col-cus { margin-bottom: 30px; }
@media screen and (max-width: 992px) { .information-recive-layout .col-cus-des { margin-bottom: 30px; } }

.derniere-history-operation .infor-user-system-id { margin-bottom: 40px; font-size: 14px; }
.derniere-history-operation .status-process { margin-bottom: 25px; }
.derniere-history-operation .status-process .list-status { display: flex; padding: 0; margin: 0; list-style: none; width: 100%; }
.derniere-history-operation .status-process .item-status { padding: 7px 10px; font-size: 14px; line-height: 1.1; text-align: center; text-transform: capitalize; position: relative; }
.derniere-history-operation .status-process .item-status .icon-check { position: absolute; top: -20px; left: 50%; opacity: 0; visibility: hidden; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.derniere-history-operation .status-process .item-status .icon-check img { width: 18px; height: auto; }
.derniere-history-operation .status-process .item-status::after { position: absolute; content: ""; width: 8px; height: 8px; top: 50%; right: -7px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 8px solid #14bea1; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 2; }
.derniere-history-operation .status-process .item-status:last-child::after { display: none; }
.derniere-history-operation .status-process .item-status.active .icon-check { opacity: 1; visibility: visible; }
.derniere-history-operation .status-process .item-status:first-child { width: 15%; background-color: #14bea1; }
.derniere-history-operation .status-process .item-status:nth-child(2) { width: 25%; background-color: #ffc864; }
.derniere-history-operation .status-process .item-status:nth-child(2)::after { border-left: 8px solid #ffc864; }
.derniere-history-operation .status-process .item-status:nth-child(3) { width: 35%; background-color: #e66e3c; }
.derniere-history-operation .status-process .item-status:nth-child(3)::after { border-left: 8px solid #e66e3c; }
.derniere-history-operation .status-process .item-status:nth-child(4) { background-color: #65bee6; width: 25%; }
.derniere-history-operation .status-process .item-status:nth-child(4)::after { border-left: 8px solid #65bee6; }

.derniere-operation { margin-bottom: 30px; }

.metal-rate-api-optional table th, .metal-rate-api-optional table td { padding: 4px 10px; vertical-align: middle; font-size: 14px; background-color: transparent !important; }
@media screen and (max-width: 480px) { .metal-rate-api-optional table th, .metal-rate-api-optional table td { font-size: 12px; } }
.metal-rate-api-optional table th:first-child, .metal-rate-api-optional table td:first-child { text-align: left; }
.metal-rate-api-optional table th:last-child, .metal-rate-api-optional table th:nth-child(2), .metal-rate-api-optional table td:last-child, .metal-rate-api-optional table td:nth-child(2) { text-align: right; }
.metal-rate-api-optional table .price-metal { font-weight: 600; }
.metal-rate-api-optional table .action-item { display: none; }
.metal-rate-api-optional table .action-item.active { display: flex; justify-content: center; align-items: center; }

.featured-product { position: relative; padding-bottom: 0; }
.featured-product .highlight-products-dashboard { width: 100%; overflow: hidden; position: relative; }
.featured-product .highlight-products-dashboard .empty-highlight { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.featured-product ul.products { list-style: none; margin: 0; padding: 0; display: flex; position: relative; z-index: 1; -webkit-transition: transform 0.5s ease-in-out; -moz-transition: transform 0.5s ease-in-out; -o-transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; }
.featured-product ul.products .dots { text-align: center; margin-top: 10px; }
.featured-product ul.products .dot { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background-color: #bbb; border-radius: 50%; cursor: pointer; }
.featured-product ul.products .dot.active { background-color: #333; }
.featured-product ul.products::before, .featured-product ul.products::after { display: none; }
.featured-product ul.products li.product { padding: 0; margin: 0; background-color: #f8f9fb; min-width: 100%; box-sizing: border-box; }
.featured-product ul.products .group-product-card { padding-bottom: 0 !important; }
.featured-product ul.products a:hover { text-decoration: none !important; }
.featured-product ul.products .col-left-product { order: 2; padding-left: 10px; padding-right: 15px; padding: 10px 15px 10px 10px; justify-content: center !important; }
.featured-product ul.products .col-right-product { order: 1; padding-left: 0 !important; padding-right: 10px; }
.featured-product ul.products .col-right-product a { display: flex; height: 100%; }
.featured-product ul.products .col-right-product img { aspect-ratio: 1 !important; background: #f8f9fb !important; justify-content: center !important; }
.featured-product ul.products .group-product-card { border-bottom: none !important; }
.featured-product ul.products .cart { display: none !important; }
.featured-product ul.products .button-link { margin-top: 15px; display: flex !important; line-height: 1.1; }
.featured-product .arrow-custom { position: absolute; z-index: 2; top: calc(50% - 10px); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 10px !important; visibility: hidden; opacity: 0; }
@media screen and (max-width: 480px) { .featured-product .arrow-custom { visibility: visible; opacity: 0.8; } }
.featured-product .arrow-custom span { font-size: 0; border-radius: 0; width: 16px; height: 16px; background-position: center; background-size: contain; background-repeat: no-repeat; display: block; }
.featured-product .next-btn { right: 0; }
.featured-product .next-btn span { background-image: url("./assets/images/icon/arrow-right.png"); }
.featured-product .prev-btn { left: 0; }
.featured-product .prev-btn span { background-image: url("./assets/images/icon/arrow-left.png"); }
.featured-product .dots-custom { display: flex; justify-content: center; align-items: center; margin: 9px 0; }
.featured-product .dots-custom .dot-custom-item { width: 10px; height: 10px; background-color: #ffffff; border-radius: 50%; border: 1px solid #727c9a; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin: 0 5px; cursor: pointer; }
.featured-product .dots-custom .dot-custom-item:first-child { margin-left: 0; }
.featured-product .dots-custom .dot-custom-item:last-child { margin-right: 0; }
.featured-product .dots-custom .dot-custom-item.active { pointer-events: none; background-color: #727c9a; }

body.logged-in .container-special { width: 100% !important; max-width: 100% !important; }

.logged-in.page-template-template-selling-page, .page-template-template-selling-page { overflow-x: unset !important; }
.logged-in.page-template-template-selling-page .storefront-breadcrumb, .page-template-template-selling-page .storefront-breadcrumb { display: none; }
.logged-in.page-template-template-selling-page .container-special, .page-template-template-selling-page .container-special { max-width: 100% !important; margin: 0 !important; padding: 0 !important; }
.logged-in.page-template-template-selling-page .banner-selling-page, .page-template-template-selling-page .banner-selling-page { background-color: #344267; color: #ffffff; position: relative; padding: 120px 0 60px 0; }
.logged-in.page-template-template-selling-page .banner-selling-page img, .page-template-template-selling-page .banner-selling-page img { position: absolute; height: 100%; width: auto; top: 0; right: 0; z-index: 1; }
@media screen and (max-width: 991px) { .logged-in.page-template-template-selling-page .banner-selling-page img, .page-template-template-selling-page .banner-selling-page img { opacity: 0.3; } }
.logged-in.page-template-template-selling-page .banner-selling-page h1, .logged-in.page-template-template-selling-page .banner-selling-page h2, .logged-in.page-template-template-selling-page .banner-selling-page h3, .logged-in.page-template-template-selling-page .banner-selling-page h4, .logged-in.page-template-template-selling-page .banner-selling-page h5, .logged-in.page-template-template-selling-page .banner-selling-page h6, .page-template-template-selling-page .banner-selling-page h1, .page-template-template-selling-page .banner-selling-page h2, .page-template-template-selling-page .banner-selling-page h3, .page-template-template-selling-page .banner-selling-page h4, .page-template-template-selling-page .banner-selling-page h5, .page-template-template-selling-page .banner-selling-page h6 { color: #ffffff; margin-bottom: 10px; }
@media screen and (max-width: 768px) { .logged-in.page-template-template-selling-page .banner-selling-page h1, .logged-in.page-template-template-selling-page .banner-selling-page h2, .logged-in.page-template-template-selling-page .banner-selling-page h3, .logged-in.page-template-template-selling-page .banner-selling-page h4, .logged-in.page-template-template-selling-page .banner-selling-page h5, .logged-in.page-template-template-selling-page .banner-selling-page h6, .page-template-template-selling-page .banner-selling-page h1, .page-template-template-selling-page .banner-selling-page h2, .page-template-template-selling-page .banner-selling-page h3, .page-template-template-selling-page .banner-selling-page h4, .page-template-template-selling-page .banner-selling-page h5, .page-template-template-selling-page .banner-selling-page h6 { line-height: 1.3 !important; font-size: 28px !important; } }
.logged-in.page-template-template-selling-page .banner-selling-page p, .page-template-template-selling-page .banner-selling-page p { margin-bottom: 10px; color: #ffffff; }
.logged-in.page-template-template-selling-page .banner-selling-page ul, .page-template-template-selling-page .banner-selling-page ul { margin: 0; padding: 0 0 0 17px; color: #ffffff; }
.logged-in.page-template-template-selling-page .banner-selling-page .group-content-banner, .page-template-template-selling-page .banner-selling-page .group-content-banner { position: relative; z-index: 2; }
.logged-in.page-template-template-selling-page .ant-popover, .page-template-template-selling-page .ant-popover { font-family: "Source Sans Pro", sans-serif !important; }
.logged-in.page-template-template-selling-page .ant-popover .ant-popconfirm-title, .page-template-template-selling-page .ant-popover .ant-popconfirm-title { font-weight: 600 !important; }
.logged-in.page-template-template-selling-page .ant-popover .ant-popconfirm-buttons button, .page-template-template-selling-page .ant-popover .ant-popconfirm-buttons button { font-family: "Source Sans Pro", sans-serif !important; height: 30px; padding: 0 10px; }
.logged-in.page-template-template-selling-page .ant-popover .ant-popconfirm-buttons button:hover, .page-template-template-selling-page .ant-popover .ant-popconfirm-buttons button:hover { border-color: #58658a !important; }
.logged-in.page-template-template-selling-page .ant-popover .ant-popconfirm-buttons button:last-child, .page-template-template-selling-page .ant-popover .ant-popconfirm-buttons button:last-child { background-color: #344267; }

.error404 .container-special { width: 100% !important; max-width: 100% !important; padding: 0 !important; }
.error404 .content-area, .error404 .site-main { margin-bottom: 0 !important; }
.error404 .storefront-breadcrumb { display: none !important; }
.error404 .page-content { position: relative; }
.error404 .page-content .page-header { width: 100%; position: absolute; top: 8vw; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
@media screen and (max-width: 480px) { .error404 .page-content .page-header { top: 14vw; } }
@media screen and (max-width: 375px) { .error404 .page-content .page-header { top: 9vw; } }
.error404 .page-content .page-header .page-title { margin: 0 !important; color: #ffffff !important; font-size: 2vw !important; font-weight: 500 !important; text-align: center !important; letter-spacing: 0.2px; }
@media screen and (max-width: 768px) { .error404 .page-content .page-header .page-title { font-size: 2.3vw !important; } }
@media screen and (max-width: 480px) { .error404 .page-content .page-header .page-title { font-size: 4vw !important; } }
.error404 .page-content .background-404 { width: 100%; line-height: 0; }
.error404 .page-content .background-404 img { border-radius: 0 !important; width: 100%; height: auto; }
@media screen and (max-width: 480px) { .error404 .page-content .background-404 img { aspect-ratio: 3/4; object-fit: cover; object-position: bottom; } }

.error404 #secondary, .error404 .edit-link, .pp404-std #secondary, .pp404-std .edit-link { display: none !important; }
.error404 article, .pp404-std article { margin-bottom: 0 !important; }
.error404 .wp-block-cover__inner-container, .pp404-std .wp-block-cover__inner-container { width: 100% !important; max-width: 100% !important; }
.error404 .page-header, .pp404-std .page-header { width: 100%; position: absolute; top: 8vw; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
@media screen and (max-width: 480px) { .error404 .page-header, .pp404-std .page-header { top: 8vw; } }
@media screen and (max-width: 375px) { .error404 .page-header, .pp404-std .page-header { top: 9vw; } }
.error404 .page-header .banner-title-404, .pp404-std .page-header .banner-title-404 { margin: 0 !important; color: #ffffff !important; font-size: 2vw !important; font-weight: 500 !important; text-align: center !important; letter-spacing: 0.2px; }
@media screen and (max-width: 768px) { .error404 .page-header .banner-title-404, .pp404-std .page-header .banner-title-404 { font-size: 2.3vw !important; } }
@media screen and (max-width: 480px) { .error404 .page-header .banner-title-404, .pp404-std .page-header .banner-title-404 { font-size: 4vw !important; } }
.error404 .entry-content, .pp404-std .entry-content { position: relative; }
.error404 .entry-content .background-404, .pp404-std .entry-content .background-404 { width: 100%; line-height: 0; }
.error404 .entry-content .background-404 img, .pp404-std .entry-content .background-404 img { border-radius: 0 !important; width: 100%; height: auto; }
@media screen and (max-width: 480px) { .error404 .entry-content .background-404 img, .pp404-std .entry-content .background-404 img { aspect-ratio: 3/4; object-fit: cover; object-position: bottom; } }

.section-contact-from { padding: 40px 0 60px 0 !important; }
.section-contact-from .wpcf7-form p { margin: 0 0 1.41575em !important; }
.section-contact-from .wpcf7-form p label { margin-bottom: 8px !important; }
.section-contact-from .group-field-cf7 { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.section-contact-from .group-field-cf7 .col-cf7 { width: calc(50% - 15px); }
@media screen and (max-width: 768px) { .section-contact-from .group-field-cf7 { display: block; }
  .section-contact-from .group-field-cf7 .col-cf7 { width: 100%; } }
.section-contact-from .wpcf7-not-valid-tip { display: none; }
.section-contact-from .wpcf7-form-control-wrap { position: relative; }
.section-contact-from label.error { position: absolute; bottom: -34px; left: 0; font-size: 12px; color: red; padding: 0; }
.section-contact-from input { width: 100%; }
.section-contact-from input[type="text"], .section-contact-from input[type="email"], .section-contact-from input[type="tel"] { background-color: transparent; padding: 0; border: none !important; border-bottom: 1px solid #49505a !important; color: #ffffff; }
.section-contact-from input[type="text"]::placeholder, .section-contact-from input[type="email"]::placeholder, .section-contact-from input[type="tel"]::placeholder { font-style: italic; color: #ffffff !important; }
.section-contact-from .wpcf7-response-output { width: 100%; margin-left: 0; }
.section-contact-from input[type="submit"] { margin-top: 20px; width: 100%; max-width: 200px; font-size: 14px; font-weight: 400; }

/* shortcode */
.shortcode-banner-with-user-login { background: #e8e3e0; background: linear-gradient(270deg, #e8e3e0 0%, #e8e3e0 80%, white 100%); background: -webkit-linear-gradient(270deg, #e8e3e0 0%, #e8e3e0 88%, white 100%); background: -moz-linear-gradient(270deg, #e8e3e0 0%, #e8e3e0 88%, white 100%); padding: 120px 0 135px 0; position: relative; z-index: 2; }
.shortcode-banner-with-user-login .container { position: relative; z-index: 10; }
.shortcode-banner-with-user-login::after { top: 0; left: 0; position: absolute; content: ""; background-image: url("./assets/images/bg/pattern_1.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 100%; height: 100%; }
@media screen and (max-width: 992px) { .shortcode-banner-with-user-login::after { background-size: cover; opacity: 0.5; } }
@media screen and (max-width: 768px) { .shortcode-banner-with-user-login { padding: 70px 0 120px 0; } }
@media screen and (max-width: 500px) { .shortcode-banner-with-user-login { padding: 70px 0 98px 0; } }

.shortcode-banner-with-user-login .heading-page, .woocommerce-account .heading-page { margin-bottom: 70px; }
@media screen and (max-width: 768px) { .shortcode-banner-with-user-login .heading-page, .woocommerce-account .heading-page { margin-bottom: 35px; } }
@media screen and (max-width: 480px) { .shortcode-banner-with-user-login .heading-page h1, .woocommerce-account .heading-page h1 { font-size: 30px !important; } }
.shortcode-banner-with-user-login .group-cont-banner-user, .woocommerce-account .group-cont-banner-user { position: relative; z-index: 1; }
.shortcode-banner-with-user-login .group-cont-banner-user::after, .woocommerce-account .group-cont-banner-user::after { position: absolute; content: ""; width: calc(100% + 30px); height: 100%; background-color: #ffffff; top: 15px; left: -15px; z-index: 1; }
.shortcode-banner-with-user-login .group-cont-banner-user .bg-popup-banner-register, .woocommerce-account .group-cont-banner-user .bg-popup-banner-register { background-color: #000000; width: 100%; height: 100%; opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; z-index: -1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.shortcode-banner-with-user-login .group-cont-banner-user .bg-popup-banner-register.active, .woocommerce-account .group-cont-banner-user .bg-popup-banner-register.active { opacity: 0.6; visibility: visible; z-index: 10; }
.shortcode-banner-with-user-login .row-banner-user, .woocommerce-account .row-banner-user { margin: 0; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 2; }
.shortcode-banner-with-user-login .woocommerce form.woocommerce-form, .woocommerce-account .woocommerce form.woocommerce-form { margin: 0; border: none; padding: 0; }
.shortcode-banner-with-user-login .woocommerce form.woocommerce-form label[for="username"], .shortcode-banner-with-user-login .woocommerce form.woocommerce-form label[for="password"], .shortcode-banner-with-user-login .woocommerce form.woocommerce-form label[for="reg_email"], .shortcode-banner-with-user-login .woocommerce form.woocommerce-form label[for="reg_username"], .woocommerce-account .woocommerce form.woocommerce-form label[for="username"], .woocommerce-account .woocommerce form.woocommerce-form label[for="password"], .woocommerce-account .woocommerce form.woocommerce-form label[for="reg_email"], .woocommerce-account .woocommerce form.woocommerce-form label[for="reg_username"] { display: none; }
.shortcode-banner-with-user-login .woocommerce form.woocommerce-form .password-input, .woocommerce-account .woocommerce form.woocommerce-form .password-input { width: 100%; }
.shortcode-banner-with-user-login .woocommerce form.woocommerce-form .show-password-input, .woocommerce-account .woocommerce form.woocommerce-form .show-password-input { top: 3px; line-height: 1; }
.shortcode-banner-with-user-login .woocommerce form.woocommerce-form input[type="email"], .shortcode-banner-with-user-login .woocommerce form.woocommerce-form input[type="password"], .shortcode-banner-with-user-login .woocommerce form.woocommerce-form input[type="text"], .woocommerce-account .woocommerce form.woocommerce-form input[type="email"], .woocommerce-account .woocommerce form.woocommerce-form input[type="password"], .woocommerce-account .woocommerce form.woocommerce-form input[type="text"] { width: 100%; font-size: 18px; padding: 9px 9px 9px 10px; line-height: 1; border: none; background-color: #ffffff !important; }
.shortcode-banner-with-user-login .woocommerce form.woocommerce-form input[type="email"]::placeholder, .shortcode-banner-with-user-login .woocommerce form.woocommerce-form input[type="password"]::placeholder, .shortcode-banner-with-user-login .woocommerce form.woocommerce-form input[type="text"]::placeholder, .woocommerce-account .woocommerce form.woocommerce-form input[type="email"]::placeholder, .woocommerce-account .woocommerce form.woocommerce-form input[type="password"]::placeholder, .woocommerce-account .woocommerce form.woocommerce-form input[type="text"]::placeholder { font-size: 18px; color: #848d92 !important; font-style: italic; }
.shortcode-banner-with-user-login .woocommerce form.woocommerce-form input[type="password"], .shortcode-banner-with-user-login .woocommerce form.woocommerce-form .password-input input[type="text"], .woocommerce-account .woocommerce form.woocommerce-form input[type="password"], .woocommerce-account .woocommerce form.woocommerce-form .password-input input[type="text"] { padding: 9px 35px 9px 10px; }
.shortcode-banner-with-user-login .woocommerce form.woocommerce-form .woocommerce-form-row, .woocommerce-account .woocommerce form.woocommerce-form .woocommerce-form-row { margin-bottom: 15px; }
.shortcode-banner-with-user-login .woocommerce form.woocommerce-form .form-row, .woocommerce-account .woocommerce form.woocommerce-form .form-row { padding: 0; margin-left: 0; margin-right: 0; }
.shortcode-banner-with-user-login .woocommerce form.woocommerce-form .form-row-remember, .woocommerce-account .woocommerce form.woocommerce-form .form-row-remember { margin-bottom: 6px; }
.shortcode-banner-with-user-login .woocommerce form.woocommerce-form .woocommerce-form__label-for-checkbox, .woocommerce-account .woocommerce form.woocommerce-form .woocommerce-form__label-for-checkbox { margin-bottom: 0; line-height: 1; display: flex; cursor: pointer; margin-bottom: 9px; }
.shortcode-banner-with-user-login .woocommerce form.woocommerce-form .woocommerce-form__label-for-checkbox input, .woocommerce-account .woocommerce form.woocommerce-form .woocommerce-form__label-for-checkbox input { margin-right: 5px; }
.shortcode-banner-with-user-login .woocommerce form.woocommerce-form .woocommerce-form__label-for-checkbox span, .woocommerce-account .woocommerce form.woocommerce-form .woocommerce-form__label-for-checkbox span { font-size: 14px; }
.shortcode-banner-with-user-login .woocommerce form.woocommerce-form .group-loss-login, .woocommerce-account .woocommerce form.woocommerce-form .group-loss-login { display: flex; justify-content: space-between; margin-bottom: 10px; flex-wrap: wrap; align-items: center; }
.shortcode-banner-with-user-login .woocommerce form.woocommerce-form .group-loss-login .lost_password, .woocommerce-account .woocommerce form.woocommerce-form .group-loss-login .lost_password { display: block; margin-bottom: 0 !important; }
.shortcode-banner-with-user-login .woocommerce form.woocommerce-form button.woocommerce-button, .woocommerce-account .woocommerce form.woocommerce-form button.woocommerce-button { border-radius: 0; border: none; font-size: 16px; color: #ffffff; font-weight: 400; background-color: #58658a; padding: 10px 16px 11px 16px !important; line-height: 1.1; margin-bottom: 15px; margin-right: 15px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: block; width: auto; min-width: 141px; }
.shortcode-banner-with-user-login .woocommerce form.woocommerce-form button.woocommerce-button:hover, .woocommerce-account .woocommerce form.woocommerce-form button.woocommerce-button:hover { background-color: #737e9c; }
.shortcode-banner-with-user-login .woocommerce form.woocommerce-form .group-register a.woocommerce-button, .shortcode-banner-with-user-login .woocommerce form.woocommerce-form .group-register button.woocommerce-button, .woocommerce-account .woocommerce form.woocommerce-form .group-register a.woocommerce-button, .woocommerce-account .woocommerce form.woocommerce-form .group-register button.woocommerce-button { margin-bottom: 0; font-size: 16px !important; font-weight: 400 !important; line-height: 1.1; padding: 10px 16px 11px 16px !important; background-color: transparent !important; border: 1px solid #ffffff; display: block; margin-bottom: 15px; width: auto; min-width: 141px; }
.shortcode-banner-with-user-login .woocommerce form.woocommerce-form .group-register a.woocommerce-button:hover, .shortcode-banner-with-user-login .woocommerce form.woocommerce-form .group-register button.woocommerce-button:hover, .woocommerce-account .woocommerce form.woocommerce-form .group-register a.woocommerce-button:hover, .woocommerce-account .woocommerce form.woocommerce-form .group-register button.woocommerce-button:hover { border-color: #58658a; background-color: #58658a !important; }
.shortcode-banner-with-user-login .woocommerce form.woocommerce-form .group-register-action, .woocommerce-account .woocommerce form.woocommerce-form .group-register-action { margin-bottom: 0; padding: 10px 0 35px 0; }
.shortcode-banner-with-user-login .col-form-login, .woocommerce-account .col-form-login { padding: 62px; color: #ffffff; background: #212a46; background: linear-gradient(0deg, #212a46 0%, #354267 35%, rgba(88, 101, 138, 0.7) 100%); background: -webkit-linear-gradient(0deg, #212a46 0%, #354267 35%, rgba(88, 101, 138, 0.7) 100%); background: -moz-linear-gradient(0deg, #212a46 0%, #354267 35%, rgba(88, 101, 138, 0.7) 100%); }
@media screen and (max-width: 992px) { .shortcode-banner-with-user-login .col-form-login, .woocommerce-account .col-form-login { padding: 35px; } }
@media screen and (max-width: 768px) { .shortcode-banner-with-user-login .col-form-login, .woocommerce-account .col-form-login { padding: 35px 30px; } }
@media screen and (max-width: 480px) { .shortcode-banner-with-user-login .col-form-login, .woocommerce-account .col-form-login { padding: 30px 25px; } }
.shortcode-banner-with-user-login .col-form-login h1, .shortcode-banner-with-user-login .col-form-login h2, .woocommerce-account .col-form-login h1, .woocommerce-account .col-form-login h2 { font-size: 24px !important; line-height: 1 !important; }
.shortcode-banner-with-user-login .col-form-login h1 strong, .shortcode-banner-with-user-login .col-form-login h2 strong, .woocommerce-account .col-form-login h1 strong, .woocommerce-account .col-form-login h2 strong { font-weight: bold; }
.shortcode-banner-with-user-login .col-form-login h1 small, .shortcode-banner-with-user-login .col-form-login h2 small, .woocommerce-account .col-form-login h1 small, .woocommerce-account .col-form-login h2 small { font-size: 18px !important; }
.shortcode-banner-with-user-login .col-form-login .heading-user-login, .woocommerce-account .col-form-login .heading-user-login { margin-bottom: 45px; }
.shortcode-banner-with-user-login .col-form-login .heading-user-login .logo-form, .woocommerce-account .col-form-login .heading-user-login .logo-form { margin-bottom: 20px; }
.shortcode-banner-with-user-login .col-form-login .heading-user-login .logo-form img, .woocommerce-account .col-form-login .heading-user-login .logo-form img { width: 110px; height: auto; }
.shortcode-banner-with-user-login .col-form-login .heading-user-register, .woocommerce-account .col-form-login .heading-user-register { margin-bottom: 45px; font-size: 24px; line-height: 1; font-weight: bold; }

.woocommerce-account .group-register a.woocommerce-button, .woocommerce-account .group-register button.woocommerce-button { color: #58658a; border: 1px solid #58658a !important; }
.woocommerce-account .group-register a.woocommerce-button:hover, .woocommerce-account .group-register button.woocommerce-button:hover { border-color: #58658a; background-color: #58658a !important; color: #ffffff; }
.woocommerce-account .woocommerce-LostPassword.lost_password a { color: #58658a !important; }

.logged-in .shortcode-banner-with-user-login .col-form-login { padding: 40px; }
@media screen and (max-width: 768px) { .logged-in .shortcode-banner-with-user-login .col-form-login { padding-bottom: 13px; } }
@media screen and (max-width: 480px) { .logged-in .shortcode-banner-with-user-login .col-form-login { padding: 0 15px 13px 15px; } }
.logged-in .shortcode-banner-with-user-login .woocommerce { display: flex; width: 100%; }
.logged-in .shortcode-banner-with-user-login .woocommerce-MyAccount-navigation { width: 30%; margin: 0; }
.logged-in .shortcode-banner-with-user-login .woocommerce-MyAccount-navigation ul li a { padding: 10px 0 !important; color: #000000 !important; font-size: 16px; }
.logged-in .shortcode-banner-with-user-login .woocommerce-MyAccount-content { width: 70%; padding-left: 30px; margin-right: 0; }
@media screen and (max-width: 480px) { .logged-in .shortcode-banner-with-user-login .woocommerce-MyAccount-navigation { width: 40%; }
  .logged-in .shortcode-banner-with-user-login .woocommerce-MyAccount-content { width: 60%; padding-top: 10px; padding-left: 25px; } }
