@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"); /* ------------------------------------------------------------------------------------------------------ FONT ----------------------------------------------------------------------------------------------------- */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); .collapse.in, .fade.in, #notification-event:hover ul.dropdown-menu, #notification-message:hover ul.dropdown-menu, #notification-relationship:hover ul.dropdown-menu { display: block!important; } .fade.in { opacity: 1!important; } .modal-content { border-radius: 20px!important; padding: 15px; } .modal.fade.in { display: flex!important; background-color: rgba(0, 0, 0, .2); align-items: center; } .modal.fade.in .modal-header button.close { position: absolute; right: 15px; } .modal-backdrop.fade.in { opacity: .05!important; background-color: #013927!important; } #content.tenderv { max-width: 800px; height: calc(100vh - 310px); display: flex; flex-direction: column; justify-content: center; } .shop #product-form .col-md-10 .tab-content .tab-pane.main.boxed.active { height: calc(100vh - 205px); overflow: visible; } .shop #product-form .col-md-10 .tab-content .tab-pane.main.boxed.active .ui-menu.ui-widget .row.ui-menu-item-wrapper { display: flex; } .shop #product-form .col-md-10 .tab-content .tab-pane.main.boxed.active .ui-menu.ui-widget .row.ui-menu-item-wrapper a.ui-state-active { padding: 0; border-radius: 0; background-color: #FFF; } .shop #product-form .col-md-10 .tab-content .tab-pane.main.boxed.active .ui-menu.ui-widget .row.ui-menu-item-wrapper div[class*="col-xs-"] { float: none!important; width: auto!important; } .shop #product-form form[id*="form-product"] .navbar>.container { justify-content: normal; } .shop #product-form form[id*="form-product"] .navbar-brand { padding-left: 0; margin-left: -35px; font-weight: bold; font-size: 1.25em; } .shop #product-form form[id*="form-product"] .navbar-nav { flex-direction: row; margin-left: auto; } .ship-country { display: inline-block; } .country-shipping { margin: 10px 0 0; font-size: .9em; color: #999999; display: flex; gap: 10px; align-items: end; } label.mandatory[for="uppler_cart_payment_tos"] { max-width: calc(100% - 30px); line-height: normal; } .cart-container .btn-default { margin-bottom: 0!important; } .progress-tracker ul li.active:before { border-color: #013927; } .progress-tracker ul li.active:after { background-color: #013927; box-shadow: 0 0 0 4px #013927; } a.jump {display: none!important} a.btn-retour { color: #013927; position: absolute; left: 10%; z-index: 10; cursor: pointer; padding: 10px 15px; margin-top: -5px; } @media (min-width: 992px) { #suggestions-list .list-group .col-lg-3 { width: 33.33333333%; } #suggestions-list .list-group .col-lg-3 .widget-product-box.boxed { width: 300px; margin: 0 auto; } } @media (min-width: 768px) and (max-width: 991px) { #suggestions-list .list-group .col-md-4 { width: 33.33333333%; } } @media (min-width: 576px) and (max-width: 767px) { #suggestions-list .list-group .col-sm-6 { width: 50%; } } @media { header .menu-wrap .navbar-collapse.collapse { padding: 0; } #body.search-product-page, #body.profile-seller-page.product-page { background: #FFF!important; } #body.page-cms-homepage #content, #body.page-cms-homepage #content iframe#Velveto { max-width: unset; width: 100vw; min-height: 100vh; padding: 0; margin: 0; } #body.page-cms-homepage-buyer { overflow-x: hidden; } // #body.page-cms-homepage-buyer #content, #body.page-cms-homepage-seller #content, #body.page-cms-homepage-buyer #content iframe#Velveto, #body.page-cms-homepage-seller #content iframe#Velveto { max-width: unset; width: 100vw; min-height: calc(100vh - 168px); padding: 0; margin: 0; overflow: auto; } .widget-container.widget-list.widget-offers #offers .offers-list-item { border: none; background: #CAE6D5; border-radius: 40px; color: #013927; display: flex; padding: 0 25px; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); margin-bottom: 25px; position: relative; } .widget-offers .offers-list-item .detail { padding: 0; } .widget-offers .offers-list-item .detail ul { margin: 0; } .widget-offers .offers-list-item .info .info-content a.name, .widget-offers .offers-list-item .detail ul li { line-height: 70px; } .widget-offers .offers-list-item .info { width: 50%; } .widget-offers .offers-list-item .price-info { margin-left: auto; width: auto; } .widget-product .widget-offers .price .price-display { line-height: 70px; } .widget-product .widget-offers .price .price-display .ht { display: initial!important; } .widget-offers .info-content .name, .widget-offers .offers-list-item .price-info .price { color: #013927; font-weight: 700; line-height: 60px; } .widget-offers .info-content .name { display: block; line-height: 48px; padding-left: 45px; } .widget-container.widget-list.widget-offers #offers .offers-list-item:hover { background: #013927; } .widget-container.widget-list.widget-offers #offers .offers-list-item:hover .info-content .name, .widget-container.widget-list.widget-offers #offers .offers-list-item:hover .price-info .price, .widget-container.widget-list.widget-offers #offers .offers-list-item:hover .detail ul li { color: #FFF; } .widget-offers .offers-list-item .button, .widget-offers .offers-list-item .detail, .widget-offers .offers-list-item .info, .widget-offers .offers-list-item .price-info, .widget-offers .offers-list-item .widget-stock { padding: 0; } .home_seller { width: 100%; height: 100%; display: flex; align-items: flex-start; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); } .home_seller img { border-radius: 35px; overflow: hidden; width: 100%; } /* Appel d'offre */ .tender-new .widget-container .well { padding: 0; background: none; border: none; box-shadow: none; } .tender-new .widget-container .well h1 { font: 800 30px 'Montserrat'; color: #013927; text-align: center; margin: 15px 0 50px; } .tender-new .widget-container .well .tab-content { padding: 0; border: none; } .tender-new .widget-container #tender-form { width: 50%; min-width: 800px; margin-left: calc(50% - 400px); } .tender-new .widget-container #tender-form input, .tender-new .widget-container #tender-form textarea { border: none !important; box-shadow: none; border-bottom: solid 1px #CAE6D5 !important; font: 600 14px 'Montserrat'; color: #013927 !important; border-radius: 0 !important; margin-bottom: 35px; } .tender-new .widget-container #tender-form .tender-max-price, .tender-new .widget-container #tender-form .tender-closed-at { width: 100%; } .tender-new .widget-container #tender-form .tender-closed-at label, .tender-new .widget-container #tender-form .tender-closed-at .custom-select-label { display: inline-block; font: 600 14px 'Montserrat'; line-height: 49px; } .tender-new .widget-container #tender-form .tender-closed-at label { border-bottom: solid 1px #CAE6D5 ; } .tender-new .widget-container #tender-form .tender-closed-at input { width: calc(100% - 70px); display: inline-block; text-align: center; } .tender-new .widget-container #tender-form .tender-companies-category { position: absolute; top: -190px; width: 366px; } .tender-new .widget-container #tender-form .select2-container--default .select2-selection.select2-selection--multiple { overflow-y: auto; border: none; } .tender-new .widget-container #tender-form .select2-container--default .select2-selection--multiple { height: auto; } /* Page Contact */ #body.page-cms-contact #form-contact [class*="col-md-"] { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; column-gap: 70px; width: 100%!important; margin: 0!important; } #body.page-cms-contact #form-contact [class*="col-md-"] .form-group:last-child { grid-column: 1 / span 2; } #body.page-cms-contact #form-contact input[type="hidden"] + .form-group { text-align: center; } #body.page-cms-contact #form-contact button[type="submit"] { width: auto !important; padding: 0 100px; line-height: 50px; } #body.page-cms-contact #form-contact { flex-direction: column; } header + .searchbar-wrap { margin: 45px 25% -50px; } header + .searchbar-wrap, #body.page-cms-register header.header-velveto, #body.page-cms-login .widget-login .label-title, #body:has(div#administrator-login) header.header-velveto, #body.search-product-page .paginator-container, #body.search-product-page .widget-breadcrumb, #body.search-product-page .widget-action.widget-search-header, #body.profile-seller-page.product-page .widget-nav-profile, #body.profile-seller-page.product-page .widget-product .widget-breadcrumb .pull-right, #body.profile-seller-page.product-page .product-info .product-info-header .title-block .product-company, #body.profile-seller-page.product-page .product-info .product-info-header .title-block .price .unit-price-display-unit, #body.profile-seller-page.product-page .variant-option-select label, #body.profile-seller-page.product-page .widget-product .btn-ask-question, #body.profile-seller-page.product-page .widget-list .table>thead>tr:first-child, #body.search-page .list-result .item-product-box .info-block .info-master .link-company, #body.search-page .list-result .item-product-box .price .price-display .price-display-number-tax, #body.user_type_anonymous.page-cms-homepage header.header-velveto, .widget-search.widget-search-product.widget-search-product-offers .widget-action.widget-search-header, .widget-container.widget-list.widget-offers .paginator-container, .widget-container.widget-list.widget-offers #offers .offers-list-item.offers-list-header, .widget-container.widget-list.widget-offers #offers .info-image, .page-cms-contact .label-title, #body.page-cms-homepage footer, #body.page-cms-register footer, /* .widget-container.widget-list.widget-offers .offers-list-item .detail, */ .widget-container.widget-list.widget-offers .offers-list-item .widget-stock, .widget-container.widget-list.widget-offers .offers-list-item .widget-stock + .button, .widget-product .price .price-display .ht + br, .widget-product .add-to-tender, header .cart-wrap .cart-menu a.link.dropdown-toggle::after, .widget-cart .widget-container.boxed .row.row-widget-title, .widget-cart .widget-container.boxed .cart-amount-limit-container, .widget-cart .widget-container.boxed .inner .row.cart-header-tab, .widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart, .widget-cart .widget-container.boxed .order-container .items-container .item .row .info-block a, .widget-cart .widget-container.boxed .order-container .widget-cart-order .message-cart, .widget-cart .widget-container.boxed .order-container .widget-cart-order .cart-summary-limit-container, .widget-cart .widget-container.boxed .order-container .items-container .cart-item-total, #cart-summary tbody, .cart-box-right .widget-cart .btn-success, .widget-shipping-method .cart-receiver-name, .widget-shipping-method .shipping-method .shipping-method-on-item .item .col-md-9, .widget-shipping-method .message-cart, .page-cart-confirm .widget-cart-show .row .col-md-4.inner, .page-cart-confirm .widget-cart-show .row .col-md-5.inner .widget-product-thumb .picture-block, .page-cart-confirm .widget-cart-show .row .col-md-2.inner + .pull-right.inner, .widget-nav-profile .nav.navbar-nav .first + li, #product-profile .list-result-container .filter, .widget-search.widget-search-product .tab-pane, .widget-product .product-info .description.desc-master, .orders-list .shop .list-stats-container, .user_type_buyer .order-content .block-seller .street, .user_type_buyer .order-content .block-seller .city, .user_type_buyer .order-content .block-seller .phone, .user_type_buyer .order-content .block-seller .email, .user_type_buyer .order-content .block-seller .full-name, .user_type_buyer .order-content .block-seller .tva, .user_type_buyer .order-content .block-seller .identity-number, .widget-offers .info-content .product-name, .cart-container form .cart-step-title, .cart-container form[name="uppler_cart_address"] .shipping-addresses .custom-select-value, .cart-container form[name="uppler_cart_address"] .shipping-addresses .custom-select-arrow, .ui-menu .list-companies.ui-menu-item, .shop #product-form form[id*="form-product"] .info-pack, .shop #product-form form[id*="form-product"] #product-category-form .col-md-6.widget-product-taxons, .progress-tracker.progress-tracker-tender, #uppler_core_tender_translations .translations-header, #uppler_core_tender_translations .cke_top, #uppler_core_tender_translations .cke_bottom, #uppler_core_tender_translations .translations-content [class*="translations"]:nth-last-child(-n + 3), #tender-form .tender-currency, #tender-form [class*="row-within-number"], #tender-form .tender-files, #tender-form hr, #tender-form #tender-items, #tender-form .tender-visibility, #tender-form .tender-visible-type, #tender-form .tender-companies .tender-companies-company, #tender-form #uppler_core_tender_saveAsDraftBtn, #tender-form #uppler_core_tender_saveAsDraftBtn + .btn-reset, #tender-form .input-group-addon, #tender-form .custom-select-value, #tender-form .tender-closed-at, #tender-form .tender-management-address p, #tender-form .tender-management-address .col-sm-4:last-child, #tender-form #uppler_core_tender_billingAddress, .price.widget-order__product-price-mobile sub, .price.widget-order__product-price-mobile .unit-price-tax-label, .product-info #form-product-cart .widget-select-option .table thead tr:first-child, #body.product-page #content .widget-product .product-info #form-product-cart tbody td .code, .widget-cart .widget-container.boxed .order-container .items-container .item .row .item-col-name.cart-variant-info .code, #body.user_type_seller.products-list .shop .widget-search-action label[for="criteria_taxons"], #body.user_type_seller.products-list .shop .widget-search-action #criteria_taxons, #body.user_type_seller.products-list .shop .widget-search-action #criteria_taxons + span, #body.user_type_seller.products-list .shop .widget-search-action label[for="criteria_categories"], #body.user_type_seller.products-list .shop .widget-search-action #criteria_categories, #body.user_type_seller.products-list .shop .widget-search-action #criteria_categories + span, #body.user_type_seller.products-list .shop .widget-search-action #criteria_quotableType, #body.user_type_seller.products-list .shop .widget-search-action #criteria_shippingCategory, #body.user_type_seller.products-list .shop .widget-search-action #criteria_shippingCategory + span, #body.user_type_seller.products-list .shop .widget-action .btn-product-promotion-index, #body.user_type_seller.orders-list #content .shop .widget-action a[href="/fr/shop-manage/orders/children"], #body.user_type_seller.products-list .shop table#products .btn:after { display: none; } #uppler_core_tender_translations .translations-content { border: none; padding-left: 0; } #body.user_type_seller.products-list .shop table#products form.form-select { position: absolute; border: none; } #body.user_type_seller.products-list .shop table#products .btn .fa { margin: 0 0 0 25px; } #tender-form .tender-companies-category .select2-selection.select2-selection--multiple { width: 100%; padding-bottom: 5px; border-color: #DEDEDE; overflow: hidden; display: block; height: auto; } #tender-form .tender-companies-category .select2-container--default .select2-selection.select2-selection--multiple .select2-selection__rendered { flex-direction: row; flex-wrap: wrap; } #tender-form .row-submit { text-align: center; } .page-cart-payment.modal-open .modal-backdrop, .widget-container.widget-list.widget-offers #offers .offers-list-item:has(.widget-stock .stock-sold-out), #form-contract[name="contract_stepped"] > .inner > .row > .col-md-4, .widget-product .price .price-display .price-display-number-tax { display: none!important; opacity: 0!important; } .widget-container.widget-list.widget-offers #offers + .paginator-container, #cart-summary tbody:last-child, .cart-box-right .widget-cart .btn-success:last-child, .widget-search.widget-search-product .tab-pane.active { display: block; } #uppler_bank_credit_card_expiry .custom-select-wrapper, #uppler_bank_credit_card_expiry .delim { display: inline-block; line-height: 50px; top: 0!important; } .widget-credit-card .credit-card-accepted .label-title { display: inline-block; } .page-cart-shipping.modal-open .modal { opacity: 1; } .cart-container form[name="uppler_cart_address"] .shipping-addresses .select2-container--default .select2-selection--single { border-radius: 25px !important; padding: 0 15px; margin: 15px -15px; } .cart-container form[name="uppler_shop_shipment_address"] .row + .row { margin-top: 10px; } .cart-container form[name="uppler_shop_shipment_address"] .row .label-title { margin: 0 !important; line-height: 50px; } .cart-container form[name="uppler_shop_shipment_address"] .row input, .cart-container form[name="uppler_shop_shipment_address"] .row select { border-radius: 25px !important; padding: 0 15px!important; } .page-cart-shipping.modal-open #confirmation-modal.modal.fade.in { display: flex!important; align-items: center; } .page-cart-shipping.modal-open #confirmation-modal.modal.fade.in .modal-content { min-width: 400px; } .page-cart-shipping.modal-open #confirmation-modal.modal.fade.in .modal-header { display: block; } .tender-new .widget-container #tender-form #uppler_core_tender_translations_description_fr { display: block!important; visibility: visible!important; height: 250px; } .widget-shipping-method .shipping-method .shipping-method-on-item .item .col-md-3 { width: 100%; } .widget-shipping-method .shipping-method .shipping-method-on-item .item .col-md-3 .row input, .widget-shipping-method .shipping-method .shipping-method-on-item .item .col-md-3 .row label { width: auto; } .widget-shipping-method .shipping-method .shipping-method-on-item .item .col-md-3 .row label { margin: 4px 0 0; } .page-cart-confirm .widget-cart-show .row .col-md-5.inner { width: 75%; } .page-cart-confirm .widget-cart-show .row .col-md-5.inner .widget-product-thumb a { max-width: 100%; } #product-profile .list-result-container .list-result { padding-left: 0!important; } /* .widget-search.widget-search-product .list-result-container .filter { position: relative; width: 100%!important; } */ .widget-search.widget-search-product .my-tabs { display: flex; border-bottom: 1px solid #CAE6D5; margin-bottom: 1rem; } .widget-search.widget-search-product .my-tabs .tab { padding: 0 3rem; cursor: pointer; } .widget-search.widget-search-product .my-tabs .tab.active { font-weight: bold; border-bottom: 1px solid #013927; } /* .widget-search.widget-search-product .list-result-container .filter .widget-search-filter { padding: 0!important; overflow: visible; display: inline-block; background: #013927!important; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25)!important; border-radius: 20px; } .widget-search.widget-search-product .list-result-container .filter .widget-search-filter .widget-toggle { border: none; position: relative; display: inline-block!important; width: auto; margin-top: 0; } .widget-search.widget-search-product .list-result-container .filter .widget-search-filter .widget-toggle .dt-btn { padding: 0 15px; line-height: 40px; font-family: 'Montserrat'; font-weight: 700; font-size: 16px; color: #FFFFFF; } .widget-search.widget-search-product .list-result-container .filter .widget-search-filter .widget-toggle ul { padding: 0 0 5px!important; } .widget-search.widget-search-product .list-result-container .filter .widget-search-filter .widget-toggle .dt-btn + ul { padding: 0 15px!important; font-family: 'Montserrat'; font-weight: 500; font-size: 16px; color: #FFFFFF; } .widget-search.widget-search-product .list-result { padding-left: 0!important; } */ .widget-product-box .picture-block { width: 300px; height: 300px; padding: 0; border-radius: 25px; border: solid 4px #013927; } #suggestions-list .list-group { flex-direction: initial; } #suggestions-list .list-group .widget-product-box h4 { display: block; max-width: unset; max-height: unset; overflow: visible; height: auto; line-height: 0; margin-bottom: -14px; } #suggestions-list .list-group .widget-product-box .property-text { display: block; margin: 0; } #suggestions-list .list-group .widget-product-box .property-text .property-value { font-weight: 700; color: #000; display: block; font-size: 14px; } #suggestions-list .list-group .widget-product-box { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 26px; box-shadow: none!important; } #suggestions-list .list-group .widget-product-box .info-block { min-height: unset; } #suggestions-list .list-group .widget-product-box h4 a { color: #013927; line-height: 1.25em; display: block; margin-bottom: 1em; } #suggestions-list .list-group .widget-product-box .price { color: #C5A17F; margin: -11px 0 0; } .product-page .product-content .product-image, .product-page .product-info #form-product-cart, .product-page .product-info .product-info-header{ box-shadow: none!important; border-radius: none; padding: 0; } .widget-product .widget-breadcrumb .pull-right { float: none!important; } .page-back, .product-page .page-back, .widget-product .widget-breadcrumb .btn-product-back { text-indent: -9999px; overflow: hidden; white-space: nowrap; border: none !important; background: transparent !important; padding: 1.5em 3em 1.5em 2em; display: inline-block; cursor: pointer; position: relative; } .page-back::before, .product-page .page-back::before, .btn-product-back::before { content: ''; display: block; width: 2em; height: 2em; border-right: 0.3em solid #013927; border-bottom: 0.3em solid #013927; transform: rotate(135deg); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(135deg); } #body.profile-seller-page.product-page .product-info .product-info-header .title-block .price { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 26px; line-height: 35px; color: #C5A17F; } #body.profile-seller-page.product-page .custom-select-wrapper select { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer; } #body.profile-seller-page.product-page .custom-select-wrapper { position: relative; display: inline-block; background-color: #003d2c; border-radius: 999px; padding: 8px 30px 8px 20px; color: white; font-weight: bold; min-width: 100px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); } #body.profile-seller-page.product-page .custom-select-label { margin-right: 10px; font-size: 12px; text-transform: uppercase; opacity: 0.8; } #body.profile-seller-page.product-page .custom-select-value { font-size: 14px; } #body.profile-seller-page.product-page .custom-select-arrow { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: 10px; pointer-events: none; } #body.profile-seller-page.product-page .widget-list .table>thead>tr + tr { border: none; } #body.product-page #content .widget-product .product-info #form-product-cart td { border: none!important; padding: 20px 0 0!important; } #body.product-page #content .widget-product .product-info #form-product-cart tbody td.variant-input button.btn-remove-variant i.fa-times:before { content: "x"; font: 300 25px Montserrat; color: #CCC; } #body.product-page #content .widget-product .product-info #form-product-cart .variant-option-select { display: flex; } #body.product-page #content .widget-product .product-info #form-product-cart .pull-left { float: none!important; } #body.product-page #content .widget-product .product-info #form-product-cart .custom-select-wrapper .custom-select-label, #body.product-page #content .widget-product .product-info #form-product-cart .custom-select-wrapper .custom-select-value, #body.product-page #content .widget-product .product-info #form-product-cart .custom-select-wrapper .custom-select-arrow { display: inline-block!important; } .widget-search.widget-search-product.widget-search-product-offers { margin-top: 30px; } .widget-search.widget-search-product.widget-search-product-offers .sub-title { font-size: 16px; line-height: 50px; margin-bottom: 0; } .widget-product .sub-title { color: #013927; } /* Intégration initiale HP + CMS + HP Buyer */ header .access-wrap #sidebar { min-height: 0; } #body header .language-manager .dropdown-menu { border-radius: 20px; padding: 10px; } #sidebar .nav-tabs .has-toggle:after, #sidebar .nav-tabs .has-toggle:before { right: 0; } #body header .language-manager .dropdown-menu, #body header .language-manager .dropdown-menu li { border: none!important; padding: 0!important; min-width: unset!important; } #body header .language-manager .dropdown-menu li a { border: none!important; padding: 10px 20px!important; } #body.page-cms-homepage-buyer .header-buyer .img-buyer { width: 100%; height: auto; border-radius: 40px; } #body.page-cms-homepage-buyer .header-buyer .link-choice { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; grid-template-areas: "brand category bulk" "ask ask ask"; } #body.page-cms-homepage-buyer .header-buyer .link-choice a { background: #013927; border-radius: 40px; color: white; display: flex; justify-content: center; align-items: center; font-family: 'Montserrat'; } #body.page-cms-homepage-buyer .header-buyer .link-choice .brands { grid-area: brand; font-weight: 700; font-size: 1.5em; } #body.page-cms-homepage-buyer .header-buyer .link-choice .category { grid-area: category; font-weight: 700; font-size: 1.5em; } #body.page-cms-homepage-buyer .header-buyer .link-choice .bulk { grid-area: bulk; font-weight: 800; font-size: 3em; } #body.page-cms-homepage-buyer .header-buyer .link-choice .brands, #body.page-cms-homepage-buyer .header-buyer .link-choice .category, #body.page-cms-homepage-buyer .header-buyer .link-choice .bulk {aspect-ratio: 1 / 1;} #body.page-cms-homepage-buyer .header-buyer .link-choice .ask { grid-area: ask; height: 200px; font-weight: 800; font-size: 3em; } #body.page-cms-homepage-buyer .header-buyer strong { margin-top: 50px; display: block; text-align: center; font-family: 'Montserrat'; font-weight: 800; font-size: 3.5em; line-height: 90%; text-align: center; letter-spacing: -0.04em; color: #013927; } #body.page-cms-legal h1, #body.page-cms-tou h1, #body.page-cms-privacy h1, .header-categories h1, .header-brands h1, [class*="header-categories-"] h1 { font-family: 'Montserrat'; font-weight: 700; font-size: 33px; line-height: 43px; text-align: center; color: #013927; } #body.page-cms-legal .boxed, #body.page-cms-tou .boxed, #body.page-cms-privacy .boxed { font-family: 'Montserrat'; font-weight: 500; font-size: 1em; color: #013927; } #body.page-cms-legal h3, #body.page-cms-tou .h3, #body.page-cms-privacy .h3 { font-weight: 800; font-size: 1.25em; } #body.page-cms-legal h2, #body.page-cms-tou .h3:first-child, #body.page-cms-privacy .h3:first-child { font-weight: 800; font-size: 1.5em; } #body.page-cms-legal a { text-decoration: underline; } #body.page-cms-register, #body:has(div#administrator-login) { background-color: #013927; color: #FFF; } .header-categories .link-choice { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 100px; grid-template-areas: "men women" "kids home"; margin-top: 100px; margin-bottom: 0; margin-left: calc(50% - 350px); margin-right: calc(50% - 350px); } .header-categories .link-choice div { background: #013927; border-radius: 40px; color: white; display: flex; justify-content: center; align-items: center; font-family: 'Montserrat'; font-weight: 700; font-size: 1.5em; aspect-ratio: 1/1; width: 300px; } .header-categories .link-choice .men { grid-area: men; } .header-categories .link-choice .women { grid-area: women; } .header-categories .link-choice .kids { grid-area: kids; } .header-categories .link-choice .home { grid-area: home; } [class*="header-categories-"] .sous-categories .navbar-nav { position: relative; width: 100%; } [class*="header-categories-"] .sous-categories .navbar-nav li, .header-categories-homme .sous-categories .navbar-nav li:nth-child(1) a.has-toggle, .header-categories-femme .sous-categories .navbar-nav li:nth-child(2) a.has-toggle, .header-categories-enfant .sous-categories .navbar-nav li:nth-child(3) a.has-toggle, .header-categories-maison .sous-categories .navbar-nav li:nth-child(4) a.has-toggle, [class*="header-categories-"] .dropdown-menu .dropdown-toggle::after { display: none; } .header-categories-homme .sous-categories .navbar-nav li:nth-child(1), .header-categories-femme .sous-categories .navbar-nav li:nth-child(2), .header-categories-enfant .sous-categories .navbar-nav li:nth-child(3), .header-categories-maison .sous-categories .navbar-nav li:nth-child(4) { display: flex!important; margin: 0 auto; } .header-categories-homme .sous-categories .navbar-nav li:nth-child(1) li, .header-categories-femme .sous-categories .navbar-nav li:nth-child(2) li, .header-categories-enfant .sous-categories .navbar-nav li:nth-child(3) li, .header-categories-maison .sous-categories .navbar-nav li:nth-child(4) li, [class*="header-categories-"] .dropdown-menu { display: block!important; position: relative; } [class*="header-categories-"] .sous-categories .navbar-nav a, [class*="header-categories-"] .sous-categories .navbar-nav li, [class*="header-categories-"] .sous-categories .navbar-nav a:hover, [class*="header-categories-"] .sous-categories .navbar-nav li:hover { background: #FFF!important; color: #013927!important; /* line-height: initial!important; */ padding: 0; border: none; font-family: 'Montserrat'!important; } [class*="header-categories-"] .dropdown-menu.menu_level_1 li a, [class*="header-categories-"] .dropdown-menu.menu_level_1 li a:hover { font-size: 30px!important; font-weight: 800!important; text-transform: uppercase!important; } [class*="header-categories-"] .dropdown-menu.menu_level_1 { column-count: 3; column-gap: 40px; -webkit-column-break-inside: avoid; break-inside: avoid; } .header-categories-maison .dropdown-menu.menu_level_1, .header-categories-enfant .dropdown-menu.menu_level_1 { column-count: 2; } .header-categories-femme .dropdown-menu.menu_level_1 > li.dropdown-submenu:nth-child(3), .header-categories-femme .dropdown-menu.menu_level_1 > li.dropdown-submenu:nth-child(5), .header-categories-homme .dropdown-menu.menu_level_1 > li.dropdown-submenu:nth-child(3), .header-categories-homme .dropdown-menu.menu_level_1 > li.dropdown-submenu:nth-child(5), .header-categories-enfant .dropdown-menu.menu_level_1 > li.dropdown-submenu:nth-child(2) { break-before: column; -webkit-column-break-before: always; } [class*="header-categories-"] .dropdown-menu.menu_level_1 > li { display: inline-block; width: 100%; } [class*="header-categories-"] .dropdown-menu.menu_level_2 li.first { margin-top: 15px!important; } [class*="header-categories-"] .dropdown-menu.menu_level_2 li.last { margin-bottom: 40px!important; } .header-categories-maison .dropdown-menu.menu_level_1 li a, .header-categories-maison .dropdown-menu.menu_level_1 li a:hover, [class*="header-categories-"] .dropdown-menu.menu_level_2 li a, [class*="header-categories-"] .dropdown-menu.menu_level_2 li a:hover { font-size: 16px!important; font-weight: 600!important; text-transform: none!important; line-height: 1.75em!important; } [class*="header-categories-"] .dropdown-menu { box-shadow: unset!important; border-radius: 0!important; } [class*="header-categories-"] .dropdown-menu[class*="menu_level_"] { width: auto; box-shadow: none!important; padding: 0; left: 0; top: 0; } [class*="header-categories-"] .dropdown-menu.menu_level_1 li.dropdown-submenu { background: none; padding: 0; } [class*="header-categories-"] .dropdown-menu.menu_level_2 li { margin-left: 0!important; margin-right: 0!important; } [class*="header-categories-"] .dropdown-submenu>.dropdown-menu { left: 0; margin-top: 0; margin-bottom!importan: 0; } #body[class*="page-cms-homepage"] #content footer { text-align: center; background: transparent; position: sticky; bottom: 0; color: #fff; padding: 1rem; z-index: 999; } #body[class*="page-cms-homepage"] #content footer a { font-size: 1em; } #body[class*="page-cms-homepage"] #content footer .social a { display: inline-block; vertical-align: center; font-size: 1.5em; } #body[class*="page-cms-homepage"] #content footer .social a:hover { color: #FFF; } #body[class*="page-cms-homepage"] #content footer .social a:nth-child(1) { color: #E1306C; } #body[class*="page-cms-homepage"] #content footer .social a:nth-child(2) { color: #0e76a8; margin: 0 1em; } #body[class*="page-cms-homepage"] #content footer .social a:nth-child(3) { color: #3b5998; } #content.page-register { padding: 0; max-width: inherit; min-height: 0; } #body.page-cms-register .container, #body.page-cms-register .register > .container > .row [class^="col-md"], #body.page-cms-register #form-register .row [class^="col-md"] { padding: 0; } #body.page-cms-register .container .logo { content: url('data:image/svg+xml,%3Csvg%20width%3D%22201%22%20height%3D%2246%22%20viewBox%3D%220%200%20201%2046%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M64.7524%2022.4895V44.5924H69.3563H73.9602L73.9677%2031.3344L73.979%2018.0764L81.0671%2031.3231L88.1552%2044.5736L91.2745%2044.5849L94.3939%2044.5924L101.523%2031.3043C105.443%2023.9931%20108.649%2018.005%20108.649%2017.9975C108.649%2017.9862%20106.202%2017.9787%20103.211%2017.9787H97.7688L94.5405%2025.1997C92.7628%2029.1692%2091.2971%2032.4245%2091.2858%2032.432C91.2745%2032.4395%2089.8163%2029.1955%2088.0462%2025.2223L84.8329%2017.9975L79.3947%2017.9862L73.9602%2017.9787V9.18263V0.386581H69.3563H64.7524V22.4895Z%22%20fill%3D%22white%22%20style%3D%22fill%3Awhite%3Bfill-opacity%3A1%3B%22%2F%3E%3Cpath%20d%3D%22M139.53%208.11883C139.515%208.13011%20139.504%2010.3554%20139.504%2013.0619V17.9787L137.599%2017.9862L135.689%2017.9975L135.678%2021.5009L135.671%2025.008H137.587H139.504V30.2593C139.504%2033.3191%20139.519%2035.7813%20139.542%2036.1534C139.831%2041.0702%20141.977%2044.0999%20145.837%2045.0472C146.776%2045.2765%20147.216%2045.3216%20148.562%2045.3254C149.802%2045.3254%20149.963%2045.3141%20150.948%2045.1525C151.891%2044.9983%20153.165%2044.6375%20154.124%2044.2578C154.684%2044.0323%20155.326%2043.724%20155.326%2043.6752C155.326%2043.6526%20154.819%2041.9724%20154.195%2039.9425L153.064%2036.2549L152.831%2036.4053C151.782%2037.0857%20150.546%2037.2736%20149.839%2036.8601C149.347%2036.5707%20149.005%2035.9542%20148.843%2035.0821C148.727%2034.4356%20148.712%2033.8266%20148.712%2029.4323V25.008H151.512H154.312V21.4933V17.9787H151.512H148.712V13.0356V8.09252H144.134C141.616%208.09252%20139.542%208.1038%20139.53%208.11883Z%22%20fill%3D%22white%22%20style%3D%22fill%3Awhite%3Bfill-opacity%3A1%3B%22%2F%3E%3Cpath%20d%3D%22M47.2574%2017.2156C41.8868%2017.5501%2037.1477%2020.6664%2034.8702%2025.3651C33.7352%2027.7107%2033.3105%2030.139%2033.5811%2032.7515C33.9982%2036.7661%2036.3096%2040.4988%2039.8348%2042.8519C41.8079%2044.1676%2044.014%2044.9683%2046.5245%2045.2765C47.1371%2045.3517%2049.6852%2045.3404%2050.4519%2045.2577C52.4288%2045.0434%2053.9885%2044.6713%2055.4692%2044.0661C58.0173%2043.0173%2060.1332%2041.2318%2061.6628%2038.8411L61.9372%2038.4126L58.6187%2036.7511L55.3001%2035.0896L54.6988%2035.6798C54.0373%2036.3263%2053.6728%2036.6346%2053.1579%2036.9729C52.3236%2037.5217%2051.5118%2037.8074%2050.3956%2037.9465C49.8581%2038.0104%2048.1744%2038.0104%2047.8024%2037.9465C46.7951%2037.766%2046.0247%2037.4653%2045.2655%2036.9578C44.5966%2036.5105%2043.9877%2035.8264%2043.6307%2035.1197C43.3451%2034.5521%2043.1421%2033.7401%2043.0857%2032.9282L43.0632%2032.5636H52.6994H62.3393L62.3619%2032.4771C62.3957%2032.3418%2062.3882%2030.7893%2062.3469%2030.139C62.0575%2025.617%2060.3437%2022.1775%2057.2281%2019.8732C55.4429%2018.55%2053.0827%2017.6629%2050.5121%2017.3396C49.4861%2017.2118%2048.1406%2017.1592%2047.2574%2017.2156ZM49.7567%2023.3277C50.4519%2023.4969%2050.8616%2023.666%2051.3953%2024.0119C52.1206%2024.4817%2052.737%2025.2561%2053.0677%2026.1169C53.1955%2026.4439%2053.4022%2027.2145%2053.4022%2027.3611V27.4513H48.3661H43.33V27.3386C43.33%2027.1544%2043.4653%2026.5078%2043.5743%2026.1921C43.8524%2025.3613%2044.4613%2024.5532%2045.1603%2024.0758C45.4309%2023.8916%2045.9834%2023.6134%2046.2803%2023.5119C47.0169%2023.2601%2047.4528%2023.2037%2048.4976%2023.2187C49.2643%2023.23%2049.4071%2023.245%2049.7567%2023.3277Z%22%20fill%3D%22white%22%20style%3D%22fill%3Awhite%3Bfill-opacity%3A1%3B%22%2F%3E%3Cpath%20d%3D%22M120.581%2017.2118C119.991%2017.257%20119.202%2017.3547%20118.758%2017.4374C114.763%2018.1704%20111.261%2020.4671%20109.081%2023.7863C107.882%2025.6057%20107.16%2027.5904%20106.894%2029.7819C106.803%2030.5337%20106.803%2032.0787%20106.897%2032.8079C107.228%2035.443%20108.19%2037.7397%20109.836%2039.8185C110.347%2040.4612%20111.449%2041.5664%20112.106%2042.0889C114.282%2043.8218%20116.834%2044.8893%20119.679%2045.2577C120.341%2045.3442%20122.761%2045.3555%20123.569%2045.2765C126.918%2044.9532%20129.511%2044.0436%20131.657%2042.4422C132.905%2041.5138%20133.916%2040.4312%20134.851%2039.0291L135.261%2038.4126L131.942%2036.7511L128.624%2035.0896L128.079%2035.6234C127.154%2036.5293%20126.508%2037.018%20125.779%2037.3713C124.817%2037.8337%20123.964%2037.9916%20122.385%2037.9953C121.34%2037.9953%20121.16%2037.9765%20120.423%2037.7886C119.097%2037.4465%20117.947%2036.6722%20117.27%2035.661C116.755%2034.8866%20116.477%2034.0221%20116.406%2032.9658L116.379%2032.5636H126.019H135.663L135.686%2032.4471C135.753%2032.1088%20135.686%2030.0864%20135.573%2029.1241C135.404%2027.6393%20135.009%2026.1019%20134.487%2024.8802C133.322%2022.1512%20131.352%2020.0724%20128.699%2018.7681C127.042%2017.9524%20125.377%2017.49%20123.344%2017.2833C122.795%2017.2269%20120.991%2017.1818%20120.581%2017.2118ZM122.787%2023.2751C124.501%2023.5683%20125.692%2024.493%20126.35%2026.038C126.497%2026.38%20126.658%2026.9364%20126.707%2027.2709L126.734%2027.4514H121.694H116.654V27.3198C116.654%2027.2484%20116.688%2027.0266%20116.725%2026.8236C116.894%2025.959%20117.251%2025.2523%20117.819%2024.6547C118.552%2023.8841%20119.435%2023.448%20120.634%2023.2601C121.149%2023.1811%20122.276%2023.1887%20122.787%2023.2751Z%22%20fill%3D%22white%22%20style%3D%22fill%3Awhite%3Bfill-opacity%3A1%3B%22%2F%3E%3Cpath%20d%3D%22M169.383%2017.2306C167.793%2017.3359%20166.105%2017.6592%20164.685%2018.129C160.1%2019.6477%20156.706%2022.8579%20155.334%2026.9815C155.06%2027.8047%20154.834%2028.8234%20154.718%2029.7631C154.654%2030.3119%20154.65%2032.3268%20154.718%2032.8643C154.936%2034.6423%20155.364%2036.1083%20156.082%2037.5255C158.142%2041.6077%20162.174%2044.3104%20167.409%2045.1149C168.533%2045.2878%20169.033%2045.3216%20170.604%2045.3254C172.141%2045.3254%20172.506%2045.3028%20173.554%2045.1525C177.948%2044.5247%20181.604%2042.4761%20183.957%2039.3373C185.355%2037.4653%20186.175%2035.3603%20186.49%2032.8267C186.565%2032.2215%20186.554%2030.233%20186.471%2029.6128C185.994%2026.0342%20184.299%2023.0308%20181.48%2020.7679C178.316%2018.2305%20173.881%2016.9337%20169.383%2017.2306ZM171.164%2024.1284C171.822%2024.2976%20172.457%2024.8163%20172.754%2025.4215C172.904%2025.726%20173.028%2026.1883%20173.028%2026.4327V26.5454L174.077%2026.5567L175.125%2026.568L175.268%2026.6845C175.347%2026.7447%20175.437%2026.8574%20175.475%2026.9289C175.576%2027.1281%20176.873%2035.8114%20176.828%2035.9768C176.768%2036.1797%20176.647%2036.3376%20176.493%2036.4278L176.343%2036.5105H170.608C164.354%2036.5105%20164.779%2036.5256%20164.568%2036.2963C164.422%2036.1384%20164.384%2036.0482%20164.384%2035.8339C164.384%2035.5708%20165.538%2027.1243%20165.59%2026.989C165.654%2026.8349%20165.767%2026.7071%20165.899%2026.6319C166%2026.5793%20166.165%2026.5642%20167.03%2026.5492L168.045%2026.5304L168.093%2026.2034C168.176%2025.6057%20168.417%2025.1508%20168.86%2024.7298C169.168%2024.4404%20169.495%2024.2524%20169.879%2024.1397C170.191%2024.0532%20170.845%2024.0457%20171.164%2024.1284Z%22%20fill%3D%22white%22%20style%3D%22fill%3Awhite%3Bfill-opacity%3A1%3B%22%2F%3E%3Cpath%20d%3D%22M170.266%2025.3238C170.006%2025.3877%20169.852%2025.4741%20169.668%2025.6583C169.48%2025.8463%20169.349%2026.1169%20169.318%2026.365L169.296%2026.5492H170.547H171.799L171.773%2026.3725C171.675%2025.6546%20170.95%2025.1508%20170.266%2025.3238Z%22%20fill%3D%22white%22%20style%3D%22fill%3Awhite%3Bfill-opacity%3A1%3B%22%2F%3E%3Cpath%20d%3D%22M0.63623%2018.005C0.63623%2018.0238%203.83452%2024.0044%207.73936%2031.3043L14.8387%2044.5736H17.9656H21.0887L28.2069%2031.3043C32.1192%2024.0044%2035.325%2018.0238%2035.325%2018.005C35.325%2017.99%2032.8784%2017.9824%2029.8868%2017.9862L24.4449%2017.9975L21.2127%2025.2223C19.4351%2029.1993%2017.9731%2032.4508%2017.9618%2032.4508C17.9506%2032.4508%2016.4961%2029.1955%2014.7297%2025.2223L11.5164%2017.9975L6.07444%2017.9862C3.08286%2017.9824%200.63623%2017.99%200.63623%2018.005Z%22%20fill%3D%22white%22%20style%3D%22fill%3Awhite%3Bfill-opacity%3A1%3B%22%2F%3E%3Cpath%20d%3D%22M193.8%2033.5221C192.116%2033.7965%20190.714%2034.6874%20189.782%2036.0783C189.113%2037.0781%20188.775%2038.1908%20188.775%2039.405C188.775%2040.0365%20188.816%2040.3936%20188.944%2040.9086C189.211%2041.9724%20189.692%2042.8069%20190.504%2043.615C191.211%2044.3255%20191.872%2044.739%20192.796%2045.0472C193.496%2045.2803%20194.033%2045.3555%20194.845%2045.3367C195.611%2045.3141%20196.134%2045.2201%20196.78%2044.9796C198.735%2044.2541%20200.133%2042.6114%20200.546%2040.559C200.666%2039.9651%20200.666%2038.8561%20200.546%2038.2885C200.422%2037.7172%20200.26%2037.2586%20200.012%2036.7549C199.197%2035.1197%20197.694%2033.9695%20195.859%2033.5785C195.363%2033.4733%20194.285%2033.4432%20193.8%2033.5221Z%22%20fill%3D%22white%22%20style%3D%22fill%3Awhite%3Bfill-opacity%3A1%3B%22%2F%3E%3C%2Fsvg%3E'); position: relative; margin-left: calc(50% - 100px); margin-top: 25px; margin-bottom: 79px; } #body.page-cms-register .container .row:before { content: none; } #body.page-cms-register .register .container .row.content { display: flex; align-items: flex-start; height: calc(100vh - 150px); } #body.page-cms-register .container .row .imgRegister { float: none; height: 90%; padding: 0; margin-top: 30px; } #body.page-cms-register .container .row .imgRegister img { border: solid 6px #FFF; object-fit: cover; border-radius: 20px; margin: 0 0 0 10%; width: 90%; height: 80%; } #body.page-cms-register .container .row .bgVelveto + [class^="col-md"] { position: relative; float: none; display: flex; justify-content: center; align-items: center; padding: 0; } #body.page-cms-register .container .widget-register { margin-top: 0; } #body.page-cms-register .container .row .h4 { color: #FFF!important; font-size: 1.75em; font-weight: 600; padding: 0; } #body.page-cms-register .container .row p { font-size: .65em; margin-bottom: 20px; letter-spacing: .025em; } #body.page-cms-register .container .row p i { opacity: .5; font-style: normal!important; } #body.page-cms-register #form-register .inner { padding: 0 20px; } #body.page-cms-register #form-register strong.h3 { font-size: 1.1em; font-weight: 400; display: block; margin-bottom: 8px; } #body.page-cms-register #form-register .form-group .row { margin: 0; } #body.page-cms-register #form-register .form-group .row .col-md-6 { width: 48.5%; margin-right: 1.5%; } #body.page-cms-register #form-register .form-group .row .col-md-6 + .col-md-6 { margin-right: 0; margin-left: 1.5%; } #body.page-cms-register #form-register .step, #body.page-cms-register #form-register label[for="fos_user_registration_form_company_metadata_websiteTwo"], #body.profile-buyer-page .info-made-in, #body.profile-buyer-page .info-website-two, #body.profile-buyer-page .widget-profile-info-legal, #body.profile-buyer-page .widget-profile-info-opening, #body.profile-buyer-page .widget-profile-info-description, #body.profile-buyer-page .widget-profile-header .widget-cover-content, #body.user-edit-page .widget-action, #body.page-cms-register #form-register #fos_user_registration_form_duplicateRole { display: none; } #body.profile-buyer-page .widget-profile-header { display: flex; align-items: center; } #body.profile-buyer-page .widget-profile-header .header-avatar { position: relative; width: 250px; height: 200px; border-radius: 25px; overflow: hidden; z-index: unset; margin-right: 25px; padding: 0; } #body.profile-buyer-page .widget-profile-header .title-type { position: absolute; left: 277px; margin-top: 90px; } #body.page-cms-register #form-register .step.active { display: block; } #body.page-cms-register #form-register .step.active + .nav-btns { display: block!important; } #body.page-cms-register #form-register .nav-btns .btn { width: 60px; height: 60px; border-radius: 50%; } #body.page-cms-register #form-register .nav-btns .btn .fa { margin: 0!important; } #body.page-cms-register #form-register .nav-btns .btn.btn-secondary { background-color: rgba(127, 225, 161, .3); } #body.page-cms-register #form-register .nav-btns .btn.btn-primary { background: #7FE1A1; float: right; } #body.page-cms-register #form-register .select2-container--default .select2-selection.select2-selection--multiple { overflow-y: auto; height: auto; } #body.page-cms-register #form-register .select2-container--default .select2-selection.select2-selection--multiple .select2-selection__rendered { display: block; padding: 0; } #body.page-cms-register #form-register .select2-container--default .select2-selection--multiple { background: transparent; border: none; } #body.page-cms-register #form-register .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #3F7151; border: none; margin: 0 5px 0 0; float: none; display: inline-block; font-size: .8em; padding: 2px 5px; } #body.page-cms-register #form-register .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #FFF; } #body.page-cms-register .select2-container--default .select2-results__option { color: #1A3024; } #body.page-cms-register .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #CCE0D1; } #body.page-cms-register #form-register .select2-container .select2-search--inline, #body.page-cms-register #form-register .row [class^="col-md"] input[type=search] { display: block; width: 100%!important; margin-top: 5px; } #body.page-cms-register #form-register label.mandatory + select, #body.page-cms-register #form-register label.mandatory + input, #body.page-cms-register #form-register label.mandatory + textarea { border-left: solid 3px #54E59C!important; } #body.page-cms-register #form-register .block-name.step { padding-top: 30px; } #body.page-cms-register #form-register .block-name .custom-message { font-weight: 500; font-size: .65em; margin: 1.25em 0 .5em; } #body.page-cms-register #form-register .row [class^="col-md"] label { display: none; } #body.page-cms-register #form-register .row [class^="col-md"] input[type=email], #body.page-cms-register #form-register .row [class^="col-md"] input[type=number], #body.page-cms-register #form-register .row [class^="col-md"] input[type=password], #body.page-cms-register #form-register .row [class^="col-md"] input[type=search], #body.page-cms-register #form-register .row [class^="col-md"] input[type=text], #body.page-cms-register #form-register .row [class^="col-md"] input[type=url], #body.page-cms-register #form-register .row [class^="col-md"] textarea, #body.page-cms-register #form-register .row [class^="col-md"] .form-control { background: #FFF !important; padding: 5px 0; color: #123123 !important; font-weight: 500; letter-spacing: 0 !important; font-size: .8em !important; border-radius: 8px !important; border: none !important; position: relative; padding: 10px; } #body.page-cms-register #form-register input::placeholder { color: #123123!important; opacity: 1!important; } #body.page-cms-register #form-register input::-webkit-input-placeholder { color: #123123!important; } #body.page-cms-register #form-register input:-moz-placeholder { color: #123123!important; opacity: 1!important; } #body.page-cms-register #form-register input::-moz-placeholder { color: #123123!important; opacity: 1!important; } #body.page-cms-register #form-register input:-ms-input-placeholder { color: #123123!important; } #body.page-cms-register #form-register input::-ms-input-placeholder { color: #123123!important; } #body.page-cms-register #form-register .row [class^="col-md"] input[type=email].is-invalid, #body.page-cms-register #form-register .row [class^="col-md"] input[type=number].is-invalid, #body.page-cms-register #form-register .row [class^="col-md"] input[type=password].is-invalid, #body.page-cms-register #form-register .row [class^="col-md"] input[type=search].is-invalid, #body.page-cms-register #form-register .row [class^="col-md"] input[type=text].is-invalid, #body.page-cms-register #form-register .row [class^="col-md"] input[type=url].is-invalid, #body.page-cms-register #form-register .row [class^="col-md"] textarea.is-invalid, #body.page-cms-register #form-register .row [class^="col-md"] .form-control.is-invalid { border-bottom: solid 2px red!important; } #body.page-cms-register #form-register .row [class^="col-md"] label.mandatory + input:before, #body.page-cms-register #form-register .row [class^="col-md"] label.mandatory + textarea:before, #body.page-cms-register #form-register .row [class^="col-md"] label.mandatory + .form-control:before { content: ' '; position: absolute; display: block; height: 2px; width: 10px; background-color: red; bottom: 0; left: 0; } #body.page-cms-register #form-register .row [class^="col-md"] .form-control #body.page-cms-register #form-register .row [class^="col-md"] input::placeholder { color: #FFF; } #body.page-cms-register #form-register .row [class^="col-md"] input::-webkit-input-placeholder { color: #FFF; } #body.page-cms-register #form-register .row [class^="col-md"] input:-moz-placeholder { color: #FFF; opacity: 1; } #body.page-cms-register #form-register .row-submit.active { display: flex; justify-content: space-between; margin-top: -1em; width: 100%; height: 46px; } #body.page-cms-register #form-register .row-submit.active .row-checkbox { padding-left: 8px; line-height: unset; } #body.page-cms-register #form-register .row-submit.active .row-checkbox input { float: left; } #body.page-cms-register #form-register .row-submit.active .row-checkbox .mandatory:before { vertical-align: top; } #body.page-cms-register #form-register .row-submit.active .row-checkbox, #body.page-cms-register #form-register .row-submit.active .row-checkbox a, #body.page-cms-register #form-register .row-submit.active .row-checkbox label { text-align: left; font-weight: 500!important; color: #FFF!important; } #body.page-cms-register #form-register .row-submit.active .row-checkbox label { max-width: calc(100% - 30px); } #body.page-cms-register #form-register #step-navigation { margin-top: 1.5em; } #body.page-cms-register #form-register #prevStep, #body.page-cms-register #form-register #nextStep { background: rgba(0, 233, 149, 0.75); border: none !important; border-radius: 50%; text-transform: initial !important; font-weight: 100 !important; font-size: 1.25em; width: 75px; height: 75px; display: inline-block; } #body.page-cms-register #form-register #nextStep { float: right; } /* Espace Seller & espace Buyer */ #body.user_type_buyer header, #body.user_type_buyer footer, #body.user_type_seller header, #body.user_type_seller footer { background: #FFF } #body.user_type_seller .container-global { display: flex; } #body.user_type_seller .container-global #sidebar { float: none; padding: 0 20px; width: min-content; border-right: solid 1px #CAE6D5; background: none; height: unset; } #body.user_type_seller .container-global #content { min-height: unset; max-width: unset; width: 100%; } #body.user_type_buyer header .access-cart-wrap { position: absolute; right: 40px; margin-top: 15px; margin-left: 15px; } #body.user_type_buyer header .access-cart-wrap .cart-wrap { margin-top: 7px; padding-right: 20px; } #body.user_type_buyer header .access-cart-wrap .ask a, #body.user_type_buyer header .access-cart-wrap .bulk a { color: #013927; font: 900 2em 'Montserrat'; display: inline-block; margin-right: 8px; padding-right: 15px; } #body.user_type_buyer header .login-container > a { padding: 3px 0; display: inline-block; margin-top: 4px; margin-right: 35px; } #body.user_type_buyer header .login-container > a .fa { font-size: 2em; color: #1A3024; } #body.user_type_buyer header .access-wrap #sidebar { left: unset; top: 37px; } #body.user_type_buyer footer .footer-bottom { border: none; padding: 0; margin: 0; color: #1A3024; } #body.user_type_buyer footer .footer-bottom .pull-left.footer-left { padding-top: 0; } #body.user_type_buyer footer .footer-bottom .pull-left.footer-left p { line-height: 60px; margin: 0; } #body.user_type_buyer footer .footer-bottom .fa { color: inherit; } #body.user_type_buyer footer .footer-bottom a { color: #1A3024 } #body.user_type_buyer footer .footer-bottom a:hover { color: #7CDE9F; } /* Page Login */ #body.page-cms-login #content.page-login { min-height: unset } #body:has(div#administrator-login) .container > .row .widget-login:before { content: ""; display: block; width: 201px; height: 46px; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22201%22%20height%3D%2246%22%20viewBox%3D%220%200%20201%2046%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M64.7524%2022.4895V44.5924H69.3563H73.9602L73.9677%2031.3344L73.979%2018.0764L81.0671%2031.3231L88.1552%2044.5736L91.2745%2044.5849L94.3939%2044.5924L101.523%2031.3043C105.443%2023.9931%20108.649%2018.005%20108.649%2017.9975C108.649%2017.9862%20106.202%2017.9787%20103.211%2017.9787H97.7688L94.5405%2025.1997C92.7628%2029.1692%2091.2971%2032.4245%2091.2858%2032.432C91.2745%2032.4395%2089.8163%2029.1955%2088.0462%2025.2223L84.8329%2017.9975L79.3947%2017.9862L73.9602%2017.9787V9.18263V0.386581H69.3563H64.7524V22.4895Z%22%20fill%3D%22white%22%20style%3D%22fill%3Awhite%3Bfill-opacity%3A1%3B%22%2F%3E%3Cpath%20d%3D%22M139.53%208.11883C139.515%208.13011%20139.504%2010.3554%20139.504%2013.0619V17.9787L137.599%2017.9862L135.689%2017.9975L135.678%2021.5009L135.671%2025.008H137.587H139.504V30.2593C139.504%2033.3191%20139.519%2035.7813%20139.542%2036.1534C139.831%2041.0702%20141.977%2044.0999%20145.837%2045.0472C146.776%2045.2765%20147.216%2045.3216%20148.562%2045.3254C149.802%2045.3254%20149.963%2045.3141%20150.948%2045.1525C151.891%2044.9983%20153.165%2044.6375%20154.124%2044.2578C154.684%2044.0323%20155.326%2043.724%20155.326%2043.6752C155.326%2043.6526%20154.819%2041.9724%20154.195%2039.9425L153.064%2036.2549L152.831%2036.4053C151.782%2037.0857%20150.546%2037.2736%20149.839%2036.8601C149.347%2036.5707%20149.005%2035.9542%20148.843%2035.0821C148.727%2034.4356%20148.712%2033.8266%20148.712%2029.4323V25.008H151.512H154.312V21.4933V17.9787H151.512H148.712V13.0356V8.09252H144.134C141.616%208.09252%20139.542%208.1038%20139.53%208.11883Z%22%20fill%3D%22white%22%20style%3D%22fill%3Awhite%3Bfill-opacity%3A1%3B%22%2F%3E%3Cpath%20d%3D%22M47.2574%2017.2156C41.8868%2017.5501%2037.1477%2020.6664%2034.8702%2025.3651C33.7352%2027.7107%2033.3105%2030.139%2033.5811%2032.7515C33.9982%2036.7661%2036.3096%2040.4988%2039.8348%2042.8519C41.8079%2044.1676%2044.014%2044.9683%2046.5245%2045.2765C47.1371%2045.3517%2049.6852%2045.3404%2050.4519%2045.2577C52.4288%2045.0434%2053.9885%2044.6713%2055.4692%2044.0661C58.0173%2043.0173%2060.1332%2041.2318%2061.6628%2038.8411L61.9372%2038.4126L58.6187%2036.7511L55.3001%2035.0896L54.6988%2035.6798C54.0373%2036.3263%2053.6728%2036.6346%2053.1579%2036.9729C52.3236%2037.5217%2051.5118%2037.8074%2050.3956%2037.9465C49.8581%2038.0104%2048.1744%2038.0104%2047.8024%2037.9465C46.7951%2037.766%2046.0247%2037.4653%2045.2655%2036.9578C44.5966%2036.5105%2043.9877%2035.8264%2043.6307%2035.1197C43.3451%2034.5521%2043.1421%2033.7401%2043.0857%2032.9282L43.0632%2032.5636H52.6994H62.3393L62.3619%2032.4771C62.3957%2032.3418%2062.3882%2030.7893%2062.3469%2030.139C62.0575%2025.617%2060.3437%2022.1775%2057.2281%2019.8732C55.4429%2018.55%2053.0827%2017.6629%2050.5121%2017.3396C49.4861%2017.2118%2048.1406%2017.1592%2047.2574%2017.2156ZM49.7567%2023.3277C50.4519%2023.4969%2050.8616%2023.666%2051.3953%2024.0119C52.1206%2024.4817%2052.737%2025.2561%2053.0677%2026.1169C53.1955%2026.4439%2053.4022%2027.2145%2053.4022%2027.3611V27.4513H48.3661H43.33V27.3386C43.33%2027.1544%2043.4653%2026.5078%2043.5743%2026.1921C43.8524%2025.3613%2044.4613%2024.5532%2045.1603%2024.0758C45.4309%2023.8916%2045.9834%2023.6134%2046.2803%2023.5119C47.0169%2023.2601%2047.4528%2023.2037%2048.4976%2023.2187C49.2643%2023.23%2049.4071%2023.245%2049.7567%2023.3277Z%22%20fill%3D%22white%22%20style%3D%22fill%3Awhite%3Bfill-opacity%3A1%3B%22%2F%3E%3Cpath%20d%3D%22M120.581%2017.2118C119.991%2017.257%20119.202%2017.3547%20118.758%2017.4374C114.763%2018.1704%20111.261%2020.4671%20109.081%2023.7863C107.882%2025.6057%20107.16%2027.5904%20106.894%2029.7819C106.803%2030.5337%20106.803%2032.0787%20106.897%2032.8079C107.228%2035.443%20108.19%2037.7397%20109.836%2039.8185C110.347%2040.4612%20111.449%2041.5664%20112.106%2042.0889C114.282%2043.8218%20116.834%2044.8893%20119.679%2045.2577C120.341%2045.3442%20122.761%2045.3555%20123.569%2045.2765C126.918%2044.9532%20129.511%2044.0436%20131.657%2042.4422C132.905%2041.5138%20133.916%2040.4312%20134.851%2039.0291L135.261%2038.4126L131.942%2036.7511L128.624%2035.0896L128.079%2035.6234C127.154%2036.5293%20126.508%2037.018%20125.779%2037.3713C124.817%2037.8337%20123.964%2037.9916%20122.385%2037.9953C121.34%2037.9953%20121.16%2037.9765%20120.423%2037.7886C119.097%2037.4465%20117.947%2036.6722%20117.27%2035.661C116.755%2034.8866%20116.477%2034.0221%20116.406%2032.9658L116.379%2032.5636H126.019H135.663L135.686%2032.4471C135.753%2032.1088%20135.686%2030.0864%20135.573%2029.1241C135.404%2027.6393%20135.009%2026.1019%20134.487%2024.8802C133.322%2022.1512%20131.352%2020.0724%20128.699%2018.7681C127.042%2017.9524%20125.377%2017.49%20123.344%2017.2833C122.795%2017.2269%20120.991%2017.1818%20120.581%2017.2118ZM122.787%2023.2751C124.501%2023.5683%20125.692%2024.493%20126.35%2026.038C126.497%2026.38%20126.658%2026.9364%20126.707%2027.2709L126.734%2027.4514H121.694H116.654V27.3198C116.654%2027.2484%20116.688%2027.0266%20116.725%2026.8236C116.894%2025.959%20117.251%2025.2523%20117.819%2024.6547C118.552%2023.8841%20119.435%2023.448%20120.634%2023.2601C121.149%2023.1811%20122.276%2023.1887%20122.787%2023.2751Z%22%20fill%3D%22white%22%20style%3D%22fill%3Awhite%3Bfill-opacity%3A1%3B%22%2F%3E%3Cpath%20d%3D%22M169.383%2017.2306C167.793%2017.3359%20166.105%2017.6592%20164.685%2018.129C160.1%2019.6477%20156.706%2022.8579%20155.334%2026.9815C155.06%2027.8047%20154.834%2028.8234%20154.718%2029.7631C154.654%2030.3119%20154.65%2032.3268%20154.718%2032.8643C154.936%2034.6423%20155.364%2036.1083%20156.082%2037.5255C158.142%2041.6077%20162.174%2044.3104%20167.409%2045.1149C168.533%2045.2878%20169.033%2045.3216%20170.604%2045.3254C172.141%2045.3254%20172.506%2045.3028%20173.554%2045.1525C177.948%2044.5247%20181.604%2042.4761%20183.957%2039.3373C185.355%2037.4653%20186.175%2035.3603%20186.49%2032.8267C186.565%2032.2215%20186.554%2030.233%20186.471%2029.6128C185.994%2026.0342%20184.299%2023.0308%20181.48%2020.7679C178.316%2018.2305%20173.881%2016.9337%20169.383%2017.2306ZM171.164%2024.1284C171.822%2024.2976%20172.457%2024.8163%20172.754%2025.4215C172.904%2025.726%20173.028%2026.1883%20173.028%2026.4327V26.5454L174.077%2026.5567L175.125%2026.568L175.268%2026.6845C175.347%2026.7447%20175.437%2026.8574%20175.475%2026.9289C175.576%2027.1281%20176.873%2035.8114%20176.828%2035.9768C176.768%2036.1797%20176.647%2036.3376%20176.493%2036.4278L176.343%2036.5105H170.608C164.354%2036.5105%20164.779%2036.5256%20164.568%2036.2963C164.422%2036.1384%20164.384%2036.0482%20164.384%2035.8339C164.384%2035.5708%20165.538%2027.1243%20165.59%2026.989C165.654%2026.8349%20165.767%2026.7071%20165.899%2026.6319C166%2026.5793%20166.165%2026.5642%20167.03%2026.5492L168.045%2026.5304L168.093%2026.2034C168.176%2025.6057%20168.417%2025.1508%20168.86%2024.7298C169.168%2024.4404%20169.495%2024.2524%20169.879%2024.1397C170.191%2024.0532%20170.845%2024.0457%20171.164%2024.1284Z%22%20fill%3D%22white%22%20style%3D%22fill%3Awhite%3Bfill-opacity%3A1%3B%22%2F%3E%3Cpath%20d%3D%22M170.266%2025.3238C170.006%2025.3877%20169.852%2025.4741%20169.668%2025.6583C169.48%2025.8463%20169.349%2026.1169%20169.318%2026.365L169.296%2026.5492H170.547H171.799L171.773%2026.3725C171.675%2025.6546%20170.95%2025.1508%20170.266%2025.3238Z%22%20fill%3D%22white%22%20style%3D%22fill%3Awhite%3Bfill-opacity%3A1%3B%22%2F%3E%3Cpath%20d%3D%22M0.63623%2018.005C0.63623%2018.0238%203.83452%2024.0044%207.73936%2031.3043L14.8387%2044.5736H17.9656H21.0887L28.2069%2031.3043C32.1192%2024.0044%2035.325%2018.0238%2035.325%2018.005C35.325%2017.99%2032.8784%2017.9824%2029.8868%2017.9862L24.4449%2017.9975L21.2127%2025.2223C19.4351%2029.1993%2017.9731%2032.4508%2017.9618%2032.4508C17.9506%2032.4508%2016.4961%2029.1955%2014.7297%2025.2223L11.5164%2017.9975L6.07444%2017.9862C3.08286%2017.9824%200.63623%2017.99%200.63623%2018.005Z%22%20fill%3D%22white%22%20style%3D%22fill%3Awhite%3Bfill-opacity%3A1%3B%22%2F%3E%3Cpath%20d%3D%22M193.8%2033.5221C192.116%2033.7965%20190.714%2034.6874%20189.782%2036.0783C189.113%2037.0781%20188.775%2038.1908%20188.775%2039.405C188.775%2040.0365%20188.816%2040.3936%20188.944%2040.9086C189.211%2041.9724%20189.692%2042.8069%20190.504%2043.615C191.211%2044.3255%20191.872%2044.739%20192.796%2045.0472C193.496%2045.2803%20194.033%2045.3555%20194.845%2045.3367C195.611%2045.3141%20196.134%2045.2201%20196.78%2044.9796C198.735%2044.2541%20200.133%2042.6114%20200.546%2040.559C200.666%2039.9651%20200.666%2038.8561%20200.546%2038.2885C200.422%2037.7172%20200.26%2037.2586%20200.012%2036.7549C199.197%2035.1197%20197.694%2033.9695%20195.859%2033.5785C195.363%2033.4733%20194.285%2033.4432%20193.8%2033.5221Z%22%20fill%3D%22white%22%20style%3D%22fill%3Awhite%3Bfill-opacity%3A1%3B%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 auto 1em; } #body.page-cms-login .login .widget-login, #body.user-reset-request-page .widget-login, #body:has(div#administrator-login) .login .widget-login { padding: 0 20px; margin: 0; } #body.user-reset-request-page .widget-login { box-shadow: none; border-radius: none; } #body.page-cms-login .login .widget-login .row-remember { margin: -25px 0 50px; text-align: left; padding: 0 20px; } #body.page-cms-login .login .widget-login .choix_moncompte { background-color: #CAE6D5; color: #013927; border-radius: 25px; line-height: 42px; width: calc(100% - 40px); margin: 0 20px; padding: 4px; } #body.page-cms-login .login .widget-login .choix_moncompte span { display: inline-block; width: calc(50% - 4px); border-radius: 25px; background-color: #FFF; text-align: center; } #body.page-cms-login .login .widget-login .choix_moncompte a { display: inline-block; width: calc(50% - 4px); text-align: center; } #body.page-cms-login .login .widget-login .choix_moncompte a:hover { border-radius: 25px; background-color: rgba(255,255,255,.25); color: #013927; } #body.page-cms-login .login .widget-login .field-text { margin-bottom: 25px; } #body.page-cms-login .login > .container > .row, #body.user-reset-request-page .container > .row, #body.page-cms-contact #form-contact { display: flex; height: calc(100vh - 140px); align-items: center; justify-content: center; } #body.user-reset-request-page .container > .row > .col-md-6 { width: calc(100% /3); margin-left: 0; } #body:has(div#administrator-login) .container > .row { display: flex; height: calc(100vh - 30px); align-items: center; justify-content: center; } #body:has(div#administrator-login) .container > .row > .col-md-offset-4 { margin-left: 0!important; } #body:has(div#administrator-login) .container > .row .widget-login { padding: 0; margin: 0; box-shadow: unset; background: none; } #body.page-cms-login .login > .container > .row .widget-login > .text-center img, #body:has(div#administrator-login) .container > .row .widget-login > .text-center img { width: 70%; margin-bottom: 15px; } #body.page-cms-login .login > .container > .row .widget-title, #body.user-reset-request-page .widget-login .widget-title { color: #013927; font-weight: 800!important; } #body:has(div#administrator-login).container > .row .widget-title { color: #FFF; } #body.page-cms-login .login > .container > .row #login-submit, #body.user-reset-request-page .widget-login .row-submit .btn, #body.page-cms-contact #form-contact button[type="submit"] { border: none; color: #FFF; background: #013927; width: calc(100% - 40px); border-radius: 30px; } #body:has(div#administrator-login) .container > .row #login-submit { border: none; color: #1A3024; background: #7CDE9F; width: calc(100% - 40px); } #body.page-cms-login .login .widget-login input[type="text"], #body.page-cms-login .login .widget-login input[type="password"], #body.user-reset-request-page .widget-login input[type="text"], #body.page-cms-contact input[type="text"], #body.page-cms-contact input[type="email"], #body.page-cms-contact textarea { border: none !important; border-bottom: solid 1px #CAE6D5!important; color: #013927 !important; font-size: .9em; border-radius: 0!important; } #body.page-cms-login .login > .container > .row #login-submit:hover, #body:has(div#administrator-login) .container > .row #login-submit:hover { border: none; background: #579C6F; } #body.page-cms-login .login > .container > .row .forget_password a { color: #013927; } #body:has(div#administrator-login) .container > .row .forget_password a { color: #FFF; } #body:has(div#administrator-login) .container > .row .signup-no, #body:has(div#administrator-login) .container > .row .signup-no + a { width: calc(100% - 80px); } #body:has(div#administrator-login) .container > .row .signup-no { margin: 25px 40px 15px; padding-top: 25px; border-top: solid 1px rgba(255, 255, 255, .25); } #body:has(div#administrator-login) .container > .row .signup-no + a { margin: 0 40px; border: none; color: #1A3024; background: rgba(204,224,209,.8); } #body:has(div#administrator-login) .container > .row .signup-no + a:hover { border: none; background: rgba(204,224,209,1); } #body #sidebar .nav-tabs>li>a, #body #sidebar .nav-tabs>li>span, #body #sidebar .nav-tabs>li>ul>li>a { padding: 10px 0; } #body #sidebar li a .fa, #body #sidebar li.current_ancestor .dropdown-menu.menu_level_1 .last .fa { background: #023222; border-radius: 50%; } #body #sidebar li.current_ancestor .dropdown-menu.menu_level_1 { background: #f0f1f2; padding: 5px 15px; } #body #sidebar .nav-tabs>li>a>.fa, #body #sidebar .nav-tabs>li>ul>li>a>.fa { margin-right: 5px; line-height: 34px; padding: 0; } #body #sidebar li.last .fa { background: #EB5757; color: #FFF; } #body.user-edit-page .boxed .widget-title { font-size: 1.55em; font-weight: 700; } #fos_user_profile_form_locale, #fos_user_profile_form_locale option, #fos_user_profile_form_locale option[selected] { text-transform: capitalize!important; } /* #body.user-edit-page .container-global, #body.profile-buyer-page .container-global, #body.address-list-page .container-global, #body .txt_membres { background: #CCE0D1 } */ #body.profile-buyer-page .widget-nav-profile { margin-top: 1.5em; } #body .txt_membres { font-size: 1em; font-weight: 500; padding-left: calc((100vw - 1370px) / 2); padding-right: calc((100vw - 1370px) / 2); padding-top: 15px; color: #1A3024; } #body .txt_membres strong { display: block; padding: 10px 0 15px; } #body footer.footer_buyer { text-align: center; color: #123123; padding: 1rem; z-index: 999; padding-top: 2em; } #body footer.footer_buyer a { font-size: 1em; color: #123123; } #body footer.footer_buyer a:hover { color: #41B178; } #body footer.footer_buyer .social a { display: inline-block; vertical-align: center; font-size: 1.5em; } #body footer.footer_buyer .social a:hover { color: #123123; } #body footer.footer_buyer .social a:nth-child(1) { color: #E1306C; } #body footer.footer_buyer .social a:nth-child(2) { color: #0e76a8; margin: 0 1em; } #body footer.footer_buyer .social a:nth-child(3) { color: #3b5998; } /* Page Marques */ .page-cms-page-marques .columns { display: flex; gap: 30px; align-items: flex-start; margin: 25px 10%; } .page-cms-page-marques .col { flex: 1; list-style: none; padding: 0; margin: 0; } .page-cms-page-marques .col li { font-family: 'Montserrat'; font-weight: 700; font-size: 16px; line-height: 1.25em; color: #013927; } .page-cms-page-marques .col li.lettre { font-size: 33px; line-height: 43px; font-weight: 800; margin-top: 1.5rem; } @media (max-width: 800px) { .page-cms-page-marques .columns { flex-direction: column; } } } @media screen and (max-width: 1024px) and (orientation: landscape) { #body { overflow-x: hidden; overflow-y: auto; } #body .container-global { min-width: 1170px!important; } #body[class*="page-cms-homepage"] #velveto1 { height: auto!important; } } @media screen and (max-device-width: 768px) and (orientation: portrait) { /* Page Shop + catégorie */ #body.search-product-page .search-filter__btn_mobile { /* display: none; */ margin: 25px 20px 0; width: calc(100% - 40px); } #body.search-product-page .search-filter__btn_mobile button { padding: 8px 0; } /* Intégration initiale HP + CMS + HP Buyer */ #body header .brand-wrap { margin: 0 auto 0 0; } #body header .brand-wrap img { height: 30px; padding: 0; } #body.user_type_buyer header .access-wrap #sidebar { right: 0; width: auto; } #body.user_type_buyer header .login-container > a { padding: 0; margin: 0 4px; } .language-manager.dropdown.open .dropdown-menu { background: #FFF!important; } header .header-buyer .language-manager.dropdown { position: initial!important; margin: -4px 4px 0 8px!important } header .header-buyer .language-manager.dropdown .fa-angle-down { display: none; visibility: hidden; } #content { max-width: 100%!important; min-height: 100%!important; padding: 0; } #body.page-cms-legal, #body.page-cms-tou, #body.page-cms-privacy { font-size: .9em; } #body.page-cms-legal #content, #body.page-cms-tou #content, #body.page-cms-privacy #content { padding: 0; } #body.page-cms-legal .boxed, #body.page-cms-tou .boxed, #body.page-cms-privacy .boxed { margin: 0 0 15px; padding: 15px; } #body[class*="page-cms-homepage"] section#video, #body[class*="page-cms-homepage"] #velveto1, #body[class*="page-cms-homepage"] section { height: auto; } #body[class*="page-cms-homepage"] section:not(#video) { margin: 0; } #body[class*="page-cms-homepage"] section#velveto3, #body[class*="page-cms-homepage"] section#velveto4 { margin-top: -35px; } #body[class*="page-cms-homepage"] #vimeo-player { width: 100vw; height: calc((100vw / 16) * 9); } #custom-play-btn { top: 10px; right: 10px; width: 20px; height: 20px; font-size: .65em; line-height: 20px; } #body[class*="page-cms-homepage"] #myButton { padding: 8px 30px; font-size: .9em; font-weight: 700; width: auto; margin: 0; border-radius: 15px; top: calc(((100vw / 16) * 9) - 60px); border-width: 4px; } #body[class*="page-cms-homepage"] #velveto1 h1 { font-size: 1.65em; font-weight: 700; line-height: 1em; margin: 2em 0 1em; } #body[class*="page-cms-homepage"] section div[class^="box"] { border-radius: 15px; } #body[class*="page-cms-homepage"] #velveto1 .box1 { padding: 15px; margin: 0; font-size: .65em; } #body[class*="page-cms-homepage"] #velveto1 .box1:before, #body[class*="page-cms-homepage"] #velveto4:after, #body.page-cms-register .container .row .imgRegister, #form-register #field-text-fos_user_registration_form_plainPassword_first #fos_user_registration_form_plainPassword_first_help, #body.user_type_buyer header .menu-wrap .hidden-nav{ display: none!important; } #body[class*="page-cms-homepage"] #velveto1 .box1:after { right: 0%; } #body[class*="page-cms-homepage"] #velveto1 .oversize { left: 15px; bottom: 0; } #body[class*="page-cms-homepage"] #velveto1 .oversize strong { font-size: 1.5em; font-weight: 700; line-height: 1.1em; } #body[class*="page-cms-homepage"] #velveto1 .oversize strong + strong { margin-left: 45px; } #body[class*="page-cms-homepage"] #velveto2 .container, #body[class*="page-cms-homepage"] #velveto3 .container, #body[class*="page-cms-homepage"] #velveto4 .container { gap: 35px; flex-wrap: wrap; } #body[class*="page-cms-homepage"] #velveto2 .container .box, #body[class*="page-cms-homepage"] #velveto3 .container .box, #body[class*="page-cms-homepage"] #velveto4 .container .box { width: 100%; padding: 15px; font-size: .65em; } #body[class*="page-cms-homepage"] section .boxed { flex-direction: row; gap: .5em; flex: none; width: 100%; } #body[class*="page-cms-homepage"] #content footer { padding: 0 1rem 1rem; font-size: .75em; } #body[class*="page-cms-homepage"] #content footer .social a { font-size: 2em; line-height: 1em; } #body[class*="page-cms-homepage"] section .boxed .btn-contour { border-radius: 15px; border: solid 4px #FFF; padding: 10px; font-size: .75em; } #administrator-login .widget-login .widget-title, #body.page-cms-login .login .widget-login .widget-title, .register .widget-register .widget-title { font-size: 1.5em; line-height: 1.2em; } #body.page-cms-login .login > .container, #body.page-cms-login .login > .container > .row > .col-md-4, #body.page-cms-login .login .widget-login { padding: 0; } #body.page-cms-register .register .container .row.content { height: auto; } #body.page-cms-register .container .logo { margin-bottom: 15px; } #body.page-cms-register #form-register .inner > .container > .row { margin: 0 -20px; } #body.page-cms-register .container .row p, #body.page-cms-register #form-register .row-submit.active .row-checkbox, #body.page-cms-register #form-register .row-submit.active .row-checkbox label { margin-bottom: 0; } #body.page-cms-register #form-register .block-name.step { padding-top: 20px; } #body.page-cms-register #form-register .form-group .row .col-md-6 { width: 100%; margin-right: 0; } #body.page-cms-register #form-register .form-group .row .col-md-6 + .col-md-6 { margin-left: 0; } #body.page-cms-register #form-register .row-submit.active { display: block; margin-top: -2em; height: auto; } #body.page-cms-register #form-register .row-submit.active .row-checkbox { line-height: auto; } #body.profile-buyer-page .widget-profile-header .header-avatar { width: 50vw; height: 50vw; margin-right: 10px; } #body.profile-buyer-page .widget-profile-header .title-profile { width: calc(50vw - 40px); font-size: 1.75em !important; line-height: 1.25em !important; margin-top: 0; } #body.profile-buyer-page .widget-profile-header .title-type { position: absolute; left: calc(50vw + 10px); margin-top: 3.75em; width: calc(50vw - 40px); text-align: center; } .widget-nav-profile .nav.navbar-nav li.nav-btn.pull-right .btn { height: auto; font-size: .75em; } #body .txt_membres { font-size: .8em; padding-left: 15px; padding-right: 15px; } } #body { font-size: 16px; // background: #F8F8F8; background: #FFFF; color: #000; } body, h1, h2, h3, h4, h5, h6, tspan { font-family: 'Montserrat', sans-serif; } .top-alert { background: #EB5757; text-align: center; top: 3px; right: 6px; } .navbar-nav>li>a { padding-top: 15px; padding-bottom: 15px; } .user_type_buyer #sidebar { display: none; } #content { max-width: 1400px; margin-left: auto; margin-right: auto; // min-height: 950px; } .widget-breadcrumb .pull-left a { font-weight: bold; font-size: 14px; line-height: 26px; margin-right: 0; transition: all ease-in-out 0.2s; } .widget-breadcrumb .pull-left .fa::before { margin: 0 8px; } .widget-breadcrumb .pull-left a:hover, .widget-breadcrumb .pull-left a:focus { margin-right: 10px; color: initial; text-decoration: underline; } .widget-search-action .form-inline .form-group { max-width: 25%; margin-right: 8px!important; position: relative; } .widget-search-action .form-inline .custom-select-wrapper .custom-select-label, .widget-search-action .form-inline .custom-select-wrapper .custom-select-value, .widget-search-action .form-inline .custom-select-wrapper .custom-select-arrow, .custom-select-wrapper .custom-select-label, .custom-select-wrapper .custom-select-value, .custom-select-wrapper .custom-select-arrow, .widget-search-action .form-inline select.form-control + .select2-container--default .select2-selection--single .select2-selection__arrow { display: none!important; } .widget-search-action .form-inline select.form-control, .widget-search-action .form-inline input.form-control, .widget-search-action .form-inline select.form-control + .select2-container--default .select2-selection--single { height: 50px!important; border: 0!important; border-radius: 0!important; border-bottom: solid 1px #CAE6D5!important; box-shadow: none; font-size: .8em!important; color: #013927!important; max-width: 100%!important; padding: 0 5px 0 0!important; margin-bottom: 15px; } .widget-search-action .form-inline button[type="submit"] { background: #013927!important; border: 0!important; border-radius: 25px!important; color: #FFF!important; line-height: 44px!important; padding: 0 25px!important; vertical-align: super; } .widget-search-action .form-inline button[type="submit"] + .btn-group button { margin: -13px 0 0 10px; } .widget-search-action .form-inline button[type="submit"] + .btn-group button.dropdown-toggle { margin: 4px 0 0 10px; } .widget-search-action .form-inline button[type="submit"] + .btn-group button.dropdown-toggle .caret { display: none!important; } .widget-search-action .form-inline .export-block button { background: #CAE6D5!important; color: #013927!important; border-radius: 25px!important; border: 0!important; font-size: .8em!important; } .shop .widget-search-action .search-block { float: left !important; } .widget-nav-profile .nav.navbar-nav li { border-bottom: 4px solid #fff !important; height: 80px; padding-top: 17px; } .widget-nav-profile .nav.navbar-nav li.nav-btn.pull-right, .widget-nav-profile .nav.navbar-nav li.link-name { border-bottom: none !important; } .widget-nav-profile .nav.navbar-nav li.link-name a { color: #000; } .widget-nav-profile .nav.navbar-nav li:hover, .widget-nav-profile .nav.navbar-nav li:focus, .widget-nav-profile .nav.navbar-nav li.active { border-bottom-color: #013927 !important; background: none; } .widget-nav-profile .nav.navbar-nav li:hover a, .widget-nav-profile .nav.navbar-nav li:focus a, .widget-nav-profile .nav.navbar-nav li:active a { background: none; } .widget-nav-profile .nav.navbar-nav li a { color: #A3A3A3; text-transform: none; font-weight: 600; font-size: 16px; } .widget-nav-profile .nav.navbar-nav li.active a { color: #000; background: none; } .widget-nav-profile .nav.navbar-nav { padding: 0 35px; } .widget-nav-profile .nav.navbar-nav li.nav-btn.pull-right .btn { color: #000; background: #fff; margin: 3px 0 0; height: 40px; display: flex; justify-content: space-evenly; align-items: center; text-transform: uppercase; } .widget-nav-profile .nav.navbar-nav li.nav-btn.pull-right .btn:hover { background: #F2F2F2; } .widget-nav-profile .nav.navbar-nav li.nav-btn.pull-right .btn span { margin: 0 10px; } .widget-action { padding: 0 0 10px; margin: 0; border: 0; background: #FFF; border-bottom: solid 1px #CAE6D5; display: flex; align-items: center; } .widget-action .btn { border: 0; border-bottom: 4px solid #fff; border-radius: 0; margin: 0; text-transform: none; color: #A3A3A3; font-weight: 600; font-size: 16px; padding: 8px 14px; } .widget-action .btn .fa { display: none; } .widget-action .btn.active, .widget-action .btn:hover, .widget-action .btn:active, .widget-action .btn:focus { background: 0; // border-bottom: 1px solid #013927 !important; border: 0; } .widget-action .btn.active { color: #000; } .label { padding: 6px 5px; font-size: 10px; letter-spacing: 0.05em; border-radius: 5px; } .label-success { color: #FFF; background: #013927; border: 1px solid #013927; } .label-primary { color: #013927; background: #CAE6D5; border: 1px solid #CAE6D5; } .label-warning { color: #795513; background: #FFE4BD; border: 1px solid #FFE4BD; } .label-info { color: #697386; background: #fff; border: 1px solid #697386; } .label-danger { color: #4F566B; background: #E3E8EE; border: 1px solid #E3E8EE; } .control__indicator { background: #FFFFFF; border: 1px solid #BDBDBD; border-radius: 3px; } .control input:checked~.control__indicator { background: #000; border: 0; } .search-filter.btn.btn-success { padding: 0 10px; border-radius: 5px; border: 0; } .search-filter.btn.btn-success span { color: #fff; font-size: 12px; } .search-filter.btn.btn-success:hover { background: linear-gradient(0deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), #FFFFFF; } .widget-search-product .widget-search-header select.form-control { max-width: 150px; height: 50px; border-radius: 5px; border: 1px solid #B2B2B2; box-shadow: none; } .widget-action.widget-search-header { display: inherit; padding: 10px 35px; } .widget-action.widget-search-header .pull-right.search-filter-tags, .widget-action.widget-search-header .pull-right.search-list-choice .btn-group.radio, .widget-action.widget-search-header .pull-left { display: flex; align-items: center; height: 50px; } .widget-action.widget-search-header .pull-right.search-filter-tags { margin: 0 20px; } .widget-action.widget-search-header .pull-right.search-filter-tags .btn { border: 0 !important; padding-top: 0; } .widget-action.widget-search-header .search-list-choice .btn:hover { background: #e0e0e0; } .widget-action.widget-search-header .search-list-choice .btn { border: 1px solid #000 !important; border-radius: 5px !important; padding: 10px; margin-right: 5px !important; background: none; } .widget-action.widget-search-header .search-list-choice .btn .fa { color: #000; display: inherit; } input[type=text], input[type=email], input[type=password] { border: 1px solid #DFDFDF !important; box-sizing: border-box; border-radius: 5px !important; height: 50px !important; font-weight: 600; letter-spacing: 0.05em; color: #000 !important; } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-left: 0; left: 0; top: 0; } .form-control { border: 1px solid #DFDFDF; border-radius: 5px; height: 50px; box-shadow: none; letter-spacing: 0.05em; } .list-stats-container { margin: 0; } .list-stats-container .number-block { background: #FFFFFF; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05); border-radius: 10px; padding: 20px; margin-right: 20px; } .list-stats-container .number-block .sub-title { margin-bottom: 5px; } .alert.alert-warning { background: #FFEDCB; color: #795513; } .alert.alert-warning .alert-label, .alert.alert-warning span, .alert.alert-warning p { color: #795513; } .alert.alert-danger { background: #F9E2E1; color: #500505; } .alert.alert-danger .alert-label, .alert.alert-danger span, .alert.alert-danger p { color: #500505; } .alert.alert-success { background: #E1F1E0; color: #0E6245; } .alert.alert-success .alert-label, .alert.alert-success span, .alert.alert-success p { color: #0E6245; } .alert.alert-info { color: #0F6E8E; background-color: #D6ECFF; } .alert.alert-info .alert-label, .alert.alert-info span, .alert.alert-info p { color: #0F6E8E; } .alert { letter-spacing: 0.05em; padding: 10px 10px 10px 50px; font-weight: 600; font-size: 14px; } .alert .alert-type { font-weight: bold !important; } .alert.alert-info span, .alert.alert-info a { font-weight: bold !important; font-size: 14px; } .select2-container--default .select2-selection--multiple { height: 50px; display: flex; align-items: center; border-radius: 5px !important; } .select2-container--default .select2-selection--multiple .select2-selection__rendered, .select2-container--default .select2-search--inline .select2-search__field { margin-top: 0; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #4f4e4e; line-height: 28px; font-weight: normal; } .widget-action .btn-success { background: #000000; border-radius: 5px; border: 0 !important; color: #fff; text-transform: uppercase; padding: 8px 14px; margin-top: 15px; margin-bottom: 15px; font-size: 14px; } .widget-action .btn-danger { border-radius: 5px; border: 0 !important; color: #fff; text-transform: uppercase; padding: 8px 14px; margin-top: 15px; margin-bottom: 15px; font-size: 14px; } .widget-action .btn-success:hover, .widget-action .btn-success:focus, .widget-action .btn-success:active { background: #404040; border: 0 !important; } .widget-container .widget-title { color: #013927!important; font-weight: 800!important; font-size: 1.5em!important; line-height: 1.2em!important; } #ui-datepicker-div { z-index: 10 !important; } .container, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding: 0 15px; } .row { margin: 0 -15px; } .inner { padding: 20px; } /* --------------------------------------------------- TEXT --------------------------------------------------- */ h1 { font-size: 46px; line-height: 63px; } h2 { font-weight: 600; font-size: 36px; line-height: 27px; } h3 { font-weight: bold; font-size: 26px; line-height: 35px; } h4 { font-weight: bold; font-size: 20px; line-height: 27px; } a { color: #000; text-decoration: none; } a:hover, a:focus { color: #BDBDBD; } /* --------------------------------------------------- BUTTONS --------------------------------------------------- */ .btn { font-size: 14px; border-radius: 5px; padding: 12px 18px; text-transform: uppercase; } .btn + .btn, .btn + .btn-group, .btn-group + .btn-group { margin-left: 8px; } .btn.btn-dark { border-radius: 25px !important; border: none !important; top: -7px; left: 5px; background: #999; } .btn.btn-dark .reset-filter.form-group { max-width: 100%!important; } /* .btn-default { color: #000; background: #FFF; border-color: #999; } */ .order-td-action .btn-default { color: #013927; background: #CAE6D5; border: none!important; border-radius: 25!important; } .btn-default, .btn-cancel, form .btn-default, form .btn-cancel { background: #CAE6D5!important; color: #013927!important; border-radius: 25px!important; border: none!important; } .cart-container form[name="uppler_cart_address"] .shipping-addresses .add-address { background: #013927!important; color: #FFF!important; border-radius: 14px!important; border: none!important; font-weight: 600!important } .btn-success, form .btn-default.active, form .btn[type="submit"] { background: #013927!important; color: #FFF!important; border-radius: 25px!important; border: none!important; font-weight: 600!important } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-color: #F2F2F2; color: #000; border: 1px solid #000000; } .btn-success { color: #fff; background-color: #000; border-color: #000; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { color: #fff; border-color: #404040; background: linear-gradient(0deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), #FFFFFF; } .btn-danger { color: #EB5757; background: #f5f5f5; border-color: #989898; } .btn-warning { color: #D3A35E; background-color: #fff; border-color: #989898; } .btn-default.disabled, .btn-danger.disabled, .btn-warning.disabled { color: #BDBDBD; border-color: #C4C4C4; } .btn-success.disabled { background: #828282; border-color: #828282; } .nav>li>a.btn-warning:hover, .nav>li>a.btn-warning:focus, .btn-warning:hover, .btn-warning:focus { background-color: #F2F2F2; border-color: #000; } /* --------------------------------------------------- HEADER --------------------------------------------------- */ header { background: #000; } header.header-velveto { background: #FFF; } header .menu-wrap .navbar-nav>li.current, header .menu-wrap .navbar-nav>li:hover { border-bottom: 1px solid #013927; } /* ---------------------------------------------------- BOXED --------------------------------------------------- */ .boxed { position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 0px 0px 15px 0px; background: #fff; clear: both; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05); border: 0; background: #fff; overflow: hidden; } .widget-container.boxed { box-shadow: none!important; padding: 0!important; } /* --------------------------------------------------- FOOTER --------------------------------------------------- */ footer { display: flex; max-width: 1400px; margin: 20px auto 0; position: relative; padding: 20px 0 15px; border-top: 0.5px solid #CAE6D5; } footer a, footer .footer-content .h3 { color: #013927; } footer .footer-content .h3 { font-weight: 800; line-height: 50px; } footer .row a:hover { color: #000; } footer .footer-contact { position: absolute; right: 0; } footer .footer-contact:after { content: ''; height: 1px; position: absolute; background-color: #013927; left: 0; right: 0; bottom: 10px; } footer .footer-contact a[href*="mailto"] { font-size: .9em!important; } footer .footer-contact a strong { display: inline-block; margin-right: 60px; } footer .footer-content { width: 100%; } footer .footer-content .bt_sociaux { margin: 0 0 1rem; padding: 0; } footer .footer-content ul li a { font-size: .85em; font-weight: 600; text-decoration: underline; } footer .footer-content ul li a:hover { text-decoration: none; } footer .footer-content .txt_copyright { font-size: .8em; margin: 0; } /* ---------------------------------------------------------------------------------------------------------------- END CHARTE GRAPHIQUE ---------------------------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------- BODY ------------------------------------------------------------------------------------------------------- */ #sidebar li.current_ancestor .dropdown-menu.menu_level_1 { border: 0; width: 100%; background: #f4f4f4b3; } #sidebar .nav-tabs .has-toggle::after, #sidebar .nav-tabs .has-toggle::before { top: 22px; } #sidebar .nav-tabs>li { width: 100%; } .select2-container--default .select2-selection--single { height: 50px; border-radius: 5px !important; display: flex; align-items: center; font-weight: 600; font-size: 14px; line-height: 19px; letter-spacing: 0.05em; } .widget-container.widget-list.boxed { padding: 15px 0; border: none; box-shadow: none; overflow: visible!important; } td.action .pull-right, .order-td-action .pull-right { display: flex; } td, th { padding: 20px 10px !important; vertical-align: middle !important; } table#products td .pull-right { display: flex; padding-left: 10px; } .message-cart .well { margin-top: 10px; margin-bottom: 0px; } .message-cart .well .widget-comment .widget-title { margin-top: 0; font-size: 20px; } .message-cart .well .widget-comment .widget-title { margin: 0; font-size: 20px; } /* --------------------------------------------------------------------------------------------------- HEADER ----------------------------------------------------------------------------------------------------- */ header .language-manager, header .user { position: relative; } header .language-manager:hover .dropdown-toggle { background: transparent; } .user_type_seller header .header-content .notification-wrap { position: absolute; right: 0; } header .language-manager .dropdown-menu { margin: 0 !important; } header .searchbar-wrap .search-full { max-width: 800px; margin: 0 auto; } .searchbar-wrap .hidden-nav { display: none; } .searchbar-wrap .search-full { margin: -25px 20% 40px; } .header-brands .searchbar-wrap .search-full, .header-categories .searchbar-wrap .search-full, [class*="header-categories-"] .searchbar-wrap .search-full { margin: 0 30% 40px; } .searchbar-wrap .search-input-box .search-btn, .searchbar-wrap .search-input-box .search-btn:hover, .searchbar-wrap .search-input-box .search-btn:active, .searchbar-wrap .search-input-box .search-btn:default, .searchbar-wrap .search-input-box .search-btn:focus { color: #FFF; } header .header-content { display: flex; max-width: 1400px; margin: 0 auto; position: relative; padding: 0 15px; align-items: center; border-bottom: 0.5px solid #CAE6D5; } header .navbar-nav>li>a { padding: 20px; margin: 8px 4px; white-space: nowrap; } header .navbar-nav>li>.dropdown-menu { margin-top: 4px; } header .login-menu a, header .register-menu a { border: 2px solid #262626; background: linear-gradient(0deg, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), #FFFFFF; border-radius: 5px; } header .login-menu:hover a, header .login-menu:focus a, header .login-menu:active a, header .register-menu:hover a, header .register-menu:focus a, header .register-menu:active a { border: 2px solid #fff; background: linear-gradient(0deg, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), #FFFFFF !important; } header .brand-wrap { float: none; margin: 0 auto; } header .brand-wrap img { width: auto; max-height: 80px; padding: 15px 15px 15px 0; } header .menu-wrap .navbar-nav > li { border-bottom: 4px solid transparent; } header .menu-wrap .menu-template-mega.navbar-nav>li { position: inherit; } header .menu-wrap .navbar-nav > li > a { font-weight: 600; text-transform: uppercase; background: transparent; } header .menu-template-mega .dropdown-menu { font-weight: normal; left: auto; right: auto; top: auto; box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1) !important; border-radius: 10px !important; position: absolute; float: inherit; border: 0; width: 80% !important; } header .menu-template-mega .dropdown-menu li.unique { padding: 25px; } header .menu-template-mega .dropdown-menu li.unique .col-md-12 { padding: 0; } .nav.navbar-nav.menu-template-mega ul.dropdown-menu li.unique .menu-level-1 { padding: 25px; } .nav.navbar-nav.menu-template-mega ul.dropdown-menu li.unique .menu-level-1 .menu-image { margin: 0 0 30px; width: 100%; height: 180px; overflow: hidden; border-radius: 10px !important; display: flex; align-items: center; justify-content: center; } .nav.navbar-nav.menu-template-mega ul.dropdown-menu li.unique .menu-level-1 .menu-image img { width: auto; height: auto; } .nav.navbar-nav.menu-template-mega ul.dropdown-menu li.unique .menu-level-1 .menu-title { font-weight: bold; font-size: 20px; text-transform: none; } .nav.navbar-nav.menu-template-mega ul.dropdown-menu li.unique .menu-level-1 .menu-title a { color: #000; border: 0; } .nav.navbar-nav.menu-template-mega ul.dropdown-menu li.unique .menu-level-2 { margin-top: 15px; } .nav.navbar-nav.menu-template-mega ul.dropdown-menu li.unique .menu-level-2 a { border: 0; font-size: 16px; color: #000; } .nav.navbar-nav.menu-template-mega ul.dropdown-menu li.unique .menu-level-2 li { margin: 5px 0; } .icon-notification-container .icon-notification .fa { font-size: 20px !important; color: #013927!important; } .widget-search-autocomplete .search-list.ui-menu { position: absolute !important; width: 100% !important; left: 0 !important; display: block!important; top: 51px !important; border-radius: 10px; overflow: hidden; background: #fff; padding: 0 10px 5px; } .widget-search-autocomplete .search-list .search-item .category { background: none; color: #000; font-size: 16px; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active, .ui-menu .ui-menu-item a.ui-widget-content { font-weight: bold; margin: 0; background: #013927; color: #fff !important; } .ui-menu .ui-menu-item a, .ui-menu .ui-menu-item a.ui-state-active { padding: 10px; border-radius: 10px; color: #000; } /*------------------------------ HEADER BUYER ------------------------------*/ header .access-wrap { position: relative; } header .access-wrap #user-lang-menu { display: flex; } header .access-wrap #sidebar { display: none; position: absolute; z-index: 100000000; box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1); border-radius: 10px; background: #fff; top: 70px; padding: 10px 20px; height: auto; left: -50%; right: -50%; } #sidebar a { padding: 10px 0; color: #000; font-weight: 600; font-size: 16px; } #sidebar a:hover, #sidebar a:focus, #sidebar a:active { color: #BDBDBD !important; } #sidebar li.current a { color: #000 !important; } #sidebar li a .fa, #sidebar li.current_ancestor .dropdown-menu.menu_level_1 .last .fa { background: #013927; border-radius: 5px; width: 34px !important; height: 34px; padding-top: 8px; color: #fff; } #sidebar li:last-child a .fa { color: #EB5757; background: #fce6e6; } #sidebar li.current a { color: #000; } .container-global #sidebar { padding: 20px 0; } header .access-wrap .sidebar-in-header:hover #sidebar { display: block; } header .access-wrap .navbar-toggle { background: linear-gradient(0deg, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), #FFFFFF; border-radius: 5px; border: 2px solid #000; height: 60px; margin: 10px 5px; padding: 17px 25px; display: flex; align-items: center; } header .cart-wrap .cart-menu a.link { padding: 0; } #cart-menu-dropdown:hover, header .cart-wrap .cart-menu a.link:hover { background: transparent!important; } header .cart-wrap .cart-menu a.link .caret { display: none; } header .cart-wrap .cart-menu a.link:hover .caret { display: initial; border-top: 4px solid #013927; position: absolute; bottom: 8px; margin-left: -8px; } header .cart-wrap .cart-menu a.link .fa, #body.user_type_buyer header .login-container > a .fa { font-family: none !important; font-style: normal; font-weight: normal; speak: none; display: inline-block; width: 21px; height: 21px; line-height: 0; text-indent: -9999px; overflow: hidden; background-image: url("data:image/svg+xml,%3Csvg%20width='21'%20height='21'%20viewBox='0%200%2021%2021'%20fill='013927'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M6.76598%2013.5763H6.76694C6.76774%2013.5763%206.76854%2013.5762%206.76934%2013.5762H17.9238C18.1984%2013.5762%2018.4399%2013.394%2018.5153%2013.13L20.9763%204.51669C21.0293%204.33099%2020.9921%204.13136%2020.876%203.97723C20.7597%203.8231%2020.5778%203.73242%2020.3848%203.73242H5.34709L4.90729%201.75326C4.84465%201.47176%204.59503%201.27148%204.30664%201.27148H0.615234C0.275413%201.27148%200%201.5469%200%201.88672C0%202.22654%200.275413%202.50195%200.615234%202.50195H3.81317C3.89104%202.85267%205.91779%2011.9732%206.03442%2012.4979C5.38058%2012.7821%204.92187%2013.4341%204.92187%2014.1914C4.92187%2015.2091%205.74988%2016.0371%206.76758%2016.0371H17.9238C18.2636%2016.0371%2018.5391%2015.7617%2018.5391%2015.4219C18.5391%2015.0821%2018.2636%2014.8066%2017.9238%2014.8066H6.76758C6.4284%2014.8066%206.15234%2014.5306%206.15234%2014.1914C6.15234%2013.8527%206.42744%2013.5771%206.76598%2013.5763ZM19.5691%204.96289L17.4597%2012.3457H7.26105L5.62042%204.96289H19.5691Z'%20fill='%23013927'/%3E%3Cpath%20d='M6.15234%2017.8828C6.15234%2018.9005%206.98035%2019.7285%207.99805%2019.7285C9.01575%2019.7285%209.84375%2018.9005%209.84375%2017.8828C9.84375%2016.8651%209.01575%2016.0371%207.99805%2016.0371C6.98035%2016.0371%206.15234%2016.8651%206.15234%2017.8828ZM7.99805%2017.2676C8.33723%2017.2676%208.61328%2017.5436%208.61328%2017.8828C8.61328%2018.222%208.33723%2018.498%207.99805%2018.498C7.65887%2018.498%207.38281%2018.222%207.38281%2017.8828C7.38281%2017.5436%207.65887%2017.2676%207.99805%2017.2676Z'%20fill='%23013927'/%3E%3Cpath%20d='M14.8477%2017.8828C14.8477%2018.9005%2015.6757%2019.7285%2016.6934%2019.7285C17.7111%2019.7285%2018.5391%2018.9005%2018.5391%2017.8828C18.5391%2016.8651%2017.7111%2016.0371%2016.6934%2016.0371C15.6757%2016.0371%2014.8477%2016.8651%2014.8477%2017.8828ZM16.6934%2017.2676C17.0325%2017.2676%2017.3086%2017.5436%2017.3086%2017.8828C17.3086%2018.222%2017.0325%2018.498%2016.6934%2018.498C16.3542%2018.498%2016.0781%2018.222%2016.0781%2017.8828C16.0781%2017.5436%2016.3542%2017.2676%2016.6934%2017.2676Z'%20fill='%23013927'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; } header .cart-wrap .cart-menu a.link .fa:before, #body.user_type_buyer header .login-container > a .fa:before { content: ''; } #body.user_type_buyer header .login-container > a .fa { background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='%23013927' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.0015 6C16.0015 8.76142 13.7623 11 11 11C8.23777 11 5.99851 8.76142 5.99851 6C5.99851 3.23858 8.23777 1 11 1C13.7623 1 16.0015 3.23858 16.0015 6ZM14.001 5.99999C14.001 4.34314 12.6575 2.99999 11.0001 2.99999C9.34275 2.99999 7.99919 4.34314 7.99919 5.99999C7.99919 7.65684 9.34275 8.99999 11.0001 8.99999C12.6575 8.99999 14.001 7.65684 14.001 5.99999ZM20.893 19.55L19.0024 15.76C18.1545 14.0683 16.4239 13.0001 14.5311 13H7.46893C5.57614 13.0001 3.84555 14.0683 2.99758 15.76L1.10701 19.55C0.950991 19.8595 0.966419 20.2277 1.14778 20.5231C1.32915 20.8185 1.65058 20.9989 1.99728 21H20.0027C20.3494 20.9989 20.6709 20.8185 20.8522 20.5231C21.0336 20.2277 21.049 19.8595 20.893 19.55ZM4.78818 16.66L3.61782 19H18.3823L17.2119 16.66C16.7046 15.644 15.667 15.0015 14.5311 15H7.46899C6.33315 15.0015 5.29552 15.644 4.78818 16.66Z' fill='%23013927'/%3E%3Cpath d='M19.0024 15.76L19.4498 15.5368L19.4494 15.5359L19.0024 15.76ZM20.893 19.55L20.4456 19.7732L20.4465 19.775L20.893 19.55ZM14.5311 13L14.5311 12.5H14.5311V13ZM7.46893 13V12.5H7.46891L7.46893 13ZM2.99758 15.76L2.55059 15.5359L2.55016 15.5368L2.99758 15.76ZM1.10701 19.55L1.5535 19.775L1.55443 19.7732L1.10701 19.55ZM1.14778 20.5231L0.721686 20.7847L1.14778 20.5231ZM1.99728 21L1.99577 21.5H1.99728V21ZM20.0027 21V21.5L20.0042 21.5L20.0027 21ZM3.61782 19L3.17064 18.7763L2.8087 19.5H3.61782V19ZM4.78818 16.66L5.23536 16.8836L5.2355 16.8834L4.78818 16.66ZM18.3823 19V19.5H19.1914L18.8295 18.7763L18.3823 19ZM17.2119 16.66L16.7646 16.8834L16.7647 16.8836L17.2119 16.66ZM14.5311 15L14.5318 14.5H14.5311V15ZM7.46899 15V14.5H7.46831L7.46899 15ZM11 11V11.5C14.0383 11.5 16.5015 9.03771 16.5015 6H16.0015H15.5015C15.5015 8.48514 13.4863 10.5 11 10.5V11ZM5.99851 6H5.49851C5.49851 9.03771 7.96177 11.5 11 11.5V11V10.5C8.51377 10.5 6.49851 8.48514 6.49851 6H5.99851ZM11 1V0.5C7.96177 0.5 5.49851 2.96229 5.49851 6H5.99851H6.49851C6.49851 3.51486 8.51377 1.5 11 1.5V1ZM16.0015 6H16.5015C16.5015 2.96229 14.0383 0.5 11 0.5V1V1.5C13.4863 1.5 15.5015 3.51486 15.5015 6H16.0015ZM11.0001 2.99999V3.49999C12.3815 3.49999 13.501 4.61942 13.501 5.99999H14.001H14.501C14.501 4.06685 12.9335 2.49999 11.0001 2.49999V2.99999ZM7.99919 5.99999H8.49919C8.49919 4.61942 9.61875 3.49999 11.0001 3.49999V2.99999V2.49999C9.06675 2.49999 7.49919 4.06685 7.49919 5.99999H7.99919ZM11.0001 8.99999V8.49999C9.61875 8.49999 8.49919 7.38056 8.49919 5.99999H7.99919H7.49919C7.49919 7.93313 9.06675 9.49999 11.0001 9.49999V8.99999ZM14.001 5.99999H13.501C13.501 7.38056 12.3815 8.49999 11.0001 8.49999V8.99999V9.49999C12.9335 9.49999 14.501 7.93313 14.501 5.99999H14.001ZM19.0024 15.76L18.555 15.9832L20.4456 19.7732L20.893 19.55L21.3404 19.3268L19.4498 15.5368L19.0024 15.76ZM14.5311 13L14.5311 13.5C16.2347 13.5 17.7923 14.4615 18.5554 15.984L19.0024 15.76L19.4494 15.5359C18.5166 13.675 16.613 12.5001 14.5311 12.5L14.5311 13ZM7.46893 13V13.5H14.5311V13V12.5H7.46893V13ZM2.99758 15.76L3.44457 15.984C4.20773 14.4615 5.7653 13.5 7.46895 13.5L7.46893 13L7.46891 12.5C5.38699 12.5001 3.48337 13.675 2.55059 15.5359L2.99758 15.76ZM1.10701 19.55L1.55443 19.7732L3.445 15.9832L2.99758 15.76L2.55016 15.5368L0.659585 19.3268L1.10701 19.55ZM1.14778 20.5231L1.57388 20.2615C1.48321 20.1138 1.4755 19.9298 1.55349 19.775L1.10701 19.55L0.660521 19.3249C0.426479 19.7892 0.449627 20.3416 0.721686 20.7847L1.14778 20.5231ZM1.99728 21L1.99879 20.5C1.82532 20.4995 1.66456 20.4092 1.57388 20.2615L1.14778 20.5231L0.721686 20.7847C0.993735 21.2278 1.47584 21.4984 1.99577 21.5L1.99728 21ZM20.0027 21V20.5H1.99728V21V21.5H20.0027V21ZM20.8522 20.5231L20.4261 20.2615C20.3354 20.4092 20.1747 20.4995 20.0012 20.5L20.0027 21L20.0042 21.5C20.5242 21.4984 21.0063 21.2278 21.2783 20.7847L20.8522 20.5231ZM20.893 19.55L20.4465 19.775C20.5245 19.9298 20.5168 20.1138 20.4261 20.2615L20.8522 20.5231L21.2783 20.7847C21.5504 20.3416 21.5735 19.7892 21.3395 19.3249L20.893 19.55ZM3.61782 19L4.06501 19.2236L5.23536 16.8836L4.78818 16.66L4.34099 16.4363L3.17064 18.7763L3.61782 19ZM18.3823 19V18.5H3.61782V19V19.5H18.3823V19ZM17.2119 16.66L16.7647 16.8836L17.9351 19.2236L18.3823 19L18.8295 18.7763L17.6591 16.4363L17.2119 16.66ZM14.5311 15L14.5304 15.5C15.4771 15.5013 16.3418 16.0368 16.7646 16.8834L17.2119 16.66L17.6593 16.4366C17.0673 15.2513 15.8568 14.5018 14.5318 14.5L14.5311 15ZM7.46899 15V15.5H14.5311V15V14.5H7.46899V15ZM4.78818 16.66L5.2355 16.8834C5.65828 16.0368 6.523 15.5013 7.46967 15.5L7.46899 15L7.46831 14.5C6.14329 14.5018 4.93277 15.2513 4.34085 16.4366L4.78818 16.66Z' fill='white'/%3E%3C/svg%3E"); } header .access-wrap .navbar-toggle:hover, header .access-wrap .navbar-toggle:focus, header .cart-wrap .cart-menu a.link:hover, header .cart-wrap .cart-menu a.link:focus { border-color: #fff; } header .access-wrap .navbar-toggle { width: auto; } header .notification-wrap #navbar-notification .navbar-notification { width: 160px; display: flex; align-items: center; height: 80px; justify-content: center; } .dropdown-menu.menu_level_1 { width: max-content; background: #FFFFFF; box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1) !important; border-radius: 10px !important; padding: 30px 0; left: -39px; top: 79px; border: 0; } .dropdown-menu.menu_level_1 li.dropdown-submenu { border: 0; display: flex; align-items: center; background-image: url(https://s3.eu-west-3.amazonaws.com/uppler-platform-vinexposium/image/2a/9a/ee45d1b5b8bd407eb54238eecf98.png); background-repeat: no-repeat; background-size: 6px; background-position: center right 18px; padding: 10px 50px 10px 30px; } .dropdown-menu.menu_level_1 .dropdown-submenu .dropdown { padding: 0; border: 0; text-transform: none; font-size: 20px; color: #000; font-weight: bold; padding-right: 20px; } .dropdown-menu.menu_level_2 { background: #FFFFFF; box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1) !important; border-radius: 10px; border: 0; width: max-content; padding: 10px 0; } .dropdown-menu.menu_level_2 li { height: inherit !important; text-transform: none; font-size: 16px; border: 0; margin-left: 30px !important; margin-right: 30px !important; } .dropdown-menu.menu_level_2 li a { border: 0; padding-bottom: 13px; padding-top: 13px; } .dropdown-menu.menu_level_1 li.dropdown-submenu:hover { background-color: #F2F2F2; } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background: none; } .dropdown-menu.menu_level_1 .dropdown-submenu>a::after { content: inherit; } header .header-buyer .language-manager.dropdown { float: none; list-style: none; display: flex; align-items: center; white-space: nowrap; padding: 0; position: absolute; right: 30px; margin-top: 15px; } .widget-cart-info.dropdown-menu { box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1) !important; border-radius: 10px; overflow: hidden; border: 0; top: 35px; padding: 20px; min-width: 250px; } .widget-cart-info.dropdown-menu .cart-table { overflow-y: auto; } .widget-cart-info.dropdown-menu .fa-angle-down, header .header-buyer .language-manager.dropdown .dropdown-toggle:after { display: none; } .widget-cart-info.dropdown-menu .cart-footer { text-align: center; background: none; padding: 10px 0 0; } .widget-cart-info.dropdown-menu .cart-header td { font-weight: 800; font-size: 20px; padding: 0 0 10px !important; color: #013927; } .widget-cart-info.dropdown-menu .cart-footer .btn { color: #fff; background: #013927; border: none; padding: 8px 0; margin: 0; display: block; border-radius: 15px; } .widget-cart-info.dropdown-menu .cart-footer .btn:hover { background: #404040; border-color: #404040; } .widget-cart .widget-container.boxed .order-container .items-container .item .row .item-col-name.cart-variant-info { position: absolute; left: 200px; bottom: 60px; } .widget-cart .widget-container.boxed .order-container .items-container .item .row .item-col-name.cart-variant-info ul { padding: 0; margin: 0; } .navbar-notification .icon-notification-container .dropdown-menu { top: 50px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05) !important; border-radius: 10px; overflow: hidden; border: 0; } #navbar-notification .dropdown-menu-footer a { border: 0; } header .access-wrap .navbar-toggle .account-text, header .cart-wrap .cart-menu a.link .cart-content .cart-response { white-space: nowrap; } header .cart-wrap .cart-menu a.link .cart-content .cart-response .indicator { background: #013927; display: block; position: absolute; width: 18px; height: 18px; font: 600 .65em 'Montserrat'; text-align: center; line-height: 19px; border-radius: 50%; top: -9px; right: -4px; } header .cart-wrap .cart-menu a.link .cart-content .cart-response .cart-response-text, header .cart-wrap .cart-menu a.link .cart-content .cart-response .parenthesis { display: none; } header .access-wrap .navbar-toggle .fa { font-size: 20px; display: none; position: relative; top: 1px; color: #013927; } header .menu-wrap .nav.navbar-nav.nav-frontend_navbar_anonymous.menu-template-mega, header .menu-wrap .nav.navbar-nav.nav-frontend_navbar_anonymous.menu-template-default, header .access-cart-wrap { display: flex; } header .searchbar-wrap { width: 100%; padding: 0 20px; } /* ---------------------------------------------------------------------------------------------- LOGIN / REGISTER ------------------------------------------------------------------------------------------------- */ /* .register .col-md-4 { width: 100%; } */ .register .col-md-offset-4 { margin-left: 0%; } .register .widget-register { margin: 0 auto; width: 85%; } #administrator-login .widget-login, .login .widget-login, .register .widget-register { padding: 20px; margin-top: 20px; } #administrator-login .widget-login .widget-title, .login .widget-login .widget-title, .register .widget-register .widget-title, #body.user-reset-request-page .widget-login .widget-title { font-weight: 400; font-size: 2em; line-height: 1.5em; text-transform: none; } .login .widget-login .row-submit .row-checkbox, .register .widget-register .row-submit .row-checkbox { margin-bottom: 10px; } .login .widget-login .row-submit .row-checkbox #remember_me { top: 0; } .login-forget-password-container { margin-top: 15px; } .widget-register .block-name { clear: both; padding: 20px 0; font-weight: bold; font-size: 18px; } /* ------------------------------------------------------------------------------------------------- PRODUCT BOX --------------------------------------------------------------------------------------------------- */ .widget-product-box:hover { box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); } .widget-product-box .btn-access-product .btn { text-transform: none; text-decoration: underline; font-weight: normal; padding: 0; float: left; border: 0; position: absolute; bottom: 25px; left: 25px; width: max-content; } .item-product-box.list-group-item .widget-product-box .btn.btn-default { top: 35px; right: 30px; background: 0 !important; } /* --------------------------------------------------------------------------------------------------- SEARCHBAR ----------------------------------------------------------------------------------------------------- */ .searchbar-wrap .search-input-box { background: #fff; height: 50px; display: flex; align-items: center; border-radius: 30px; width: 100%; justify-content: space-between; position: relative; padding: 0 30px; } .searchbar-wrap .search-input-box, .searchbar-wrap .search-input-box input[type="search"] { background: #013927; color: #FFF; } .searchbar-wrap .search-input-box #global-search { border: 0 !important; width: 100%; height: auto !important; } .searchbar-wrap .search-input-box .search-btn { border: 0; padding: 0 10px 0px; overflow: inherit; } .searchbar-wrap .search-input-box .search-btn, .searchbar-wrap .search-input-box .search-btn:hover, .searchbar-wrap .search-input-box .search-btn:focus { background: none; } .searchbar-wrap .search-input-box .search-btn .fa { font-size: 20px; } .item-product-box.list-group-item .widget-product-box { display: inherit; } .item-product-box.list-group-item .widget-product-box .picture-block .picture { height: 100%; max-width: 100%; } .item-product-box.list-group-item .widget-product-box .picture-block { margin-right: 60px; } /* --------------------------------------------------------------------------------------------------- WIDGETS ----------------------------------------------------------------------------------------------------- */ .widget-block-title { display: inline-block; font-weight: 400; margin: 0 0 25px; } .widget-block-title-link { margin: 0 0 15px; } .widget-block-title-link a { background: none; border: none; text-transform: none; text-decoration: underline; font-size: 16px; padding: 0; } .widget-block-title-link a:hover { background: none; border: none; text-decoration: underline; color: #BDBDBD; } .widget-block { padding: 15px 0; margin: 0 0 70px; } #widget-block-register .items-list, #widget-block-advantages .items-list, #widget-block-categories .items-list, .widget-block-grid-carousel .item, .widget-block-grid-carousel .grid-carousel { max-width: 1200px; margin-left: auto; margin-right: auto; } .widget-block-grid-carousel .carousel-indicators { display: none; } .widget-block-banner-default, .widget-block-grid-default { max-width: 1200px; margin: 0 auto 50px; padding: 15px; } .widget-block-banner-default .item { position: relative; display: flex; align-items: center; justify-content: center; } .widget-block-banner-default .item .widget-block-text { position: absolute; width: 100%; padding: 30px; background: rgba(0, 0, 0, 0.6); } .widget-block-banner-default .item .widget-block-text .widget-block-title a, .widget-block-banner-default .item .widget-block-text .widget-block-description a { color: #fff; } #widget-block-register .items-list, #widget-block-advantages .items-list { position: initial; } /* --------------------------------------------------- CAROUSEL--------------------------------------------------- */ .widget-block-banner-slider { padding: 0; } .widget-block-banner-slider .item .hidden { display: inherit !important; visibility: visible; } .widget-block-banner-slider .item img { display: none; } .widget-block-banner-slider .item { height: 530px; background-repeat: no-repeat; background-size: cover; background-position: center; } .widget-block-banner-slider .item .item-title { font-weight: normal; font-size: 46px; line-height: 54px; color: #FFFFFF; margin-bottom: 20px; padding-top: 115px; } .widget-block-banner-slider .item .item-description { font-weight: normal; font-size: 16px; line-height: 26px; color: #fff; margin-bottom: 40px; width: 430px; margin-left: auto; margin-right: auto; } /* ----------------------------------------------- GRID CAROUSEL----------------------------------------------- */ .widget-block-grid-carousel { padding: 15px 25px; } .widget-block-grid-carousel .grid-carousel .widget-taxon-box { overflow: hidden; } .widget-block-grid-carousel .grid-carousel .widget-taxon-box:hover { box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); } .widget-block-grid-carousel .grid-carousel .widget-taxon-box .picture-block { margin: 0; } .widget-block-grid-carousel .grid-carousel .widget-taxon-box .info-block { display: flex; align-items: center; justify-content: center; height: 80px; } .widget-block-grid-carousel .grid-carousel .info-block .title { margin: 0; } .widget-block-grid-carousel .grid-carousel .widget-taxon-box h4 a { color: #000; font-weight: 600; font-size: 18px; text-decoration: none; } .widget-block-grid-carousel .grid-carousel .widget-taxon-box .item-taxon-box { padding: 0 20px; } .widget-block-grid-carousel .grid-carousel .widget-taxon-box .picture-block img { min-height: 200px; } .widget-block-grid-carousel .grid-carousel .btn-access-product { display: none; } .widget-block-grid-carousel .grid-carousel .info-block { height: 100px; min-height: inherit; } .widget-block-grid-carousel .grid-carousel .info-master { display: grid; } .widget-block-grid-carousel .grid-carousel .info-master .link-company { order: 3; } .widget-block-grid-carousel .grid-carousel .info-master .price { margin-bottom: 15px; } .widget-block-grid-carousel .carousel-control .icon-prev, .widget-block-grid-carousel .carousel-control .icon-next { border-color: #333; text-shadow: none; } .widget-block-grid-carousel .carousel-control .icon-prev::before, .widget-block-grid-carousel .carousel-control .icon-next::before { color: #333; opacity: 1; } /* ----------------------------------------------- ADVANTAGES ----------------------------------------------- */ #widget-block-advantages .items-list { display: flex; justify-content: space-between; padding: 60px 0 0; } #widget-block-advantages .items-list .item { display: flex; flex-direction: column-reverse; justify-content: center; align-items: center; } #widget-block-advantages .items-list .item .widget-block-text { padding: 0 60px; position: initial; width: inherit; background: inherit; } #widget-block-advantages .items-list .item h2 { margin: 30px 0 15px; font-weight: 600; font-size: 30px; } #widget-block-advantages .items-list .item p { font-size: 18px; } #widget-block-advantages .items-list .item .widget-container { width: 150px; } /* ----------------------------------------------- REGISTER ----------------------------------------------- */ #widget-block-register .items-list { display: flex; justify-content: space-between; gap: 4%; } #widget-block-register .items-list .item { min-width: 48%; } #widget-block-register .items-list .item .widget-block-text { text-align: left; background: #000; padding: 30px; border-radius: 10px; position: inherit; width: inherit; } #widget-block-register .items-list .item:first-child .widget-block-text { background: #013927; } #widget-block-register .items-list .item img { display: none; } #widget-block-register .items-list .item h2 a { font-size: 44px; line-height: 54px; color: inherit; } #widget-block-register .items-list .item p a { font-size: 16px; line-height: 26px; color: inherit; } #widget-block-register .items-list .item h2 a:hover, #widget-block-register .items-list .item p a:hover { color: initial; text-decoration: none; } #widget-block-register .items-list .item:nth-child(2) h2 a, #widget-block-register .items-list .item:nth-child(2) p a { color: #fff; } #widget-block-register .items-list .item .hidden.item-link { display: inherit !important; visibility: visible !important; margin-top: 45px; } #widget-block-register .items-list .item:nth-child(1) .hidden.item-link .btn { color: #fff; background-color: #000; border: #000; } #widget-block-register .items-list .item:nth-child(1) .hidden.item-link .btn:hover { background: linear-gradient(0deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), #FFFFFF; } /* widget product list */ .widget-product-list .price { font-size: 14px; text-align: left; margin: 0 0 5px; font-weight: bold; color: #EB5757; letter-spacing: 0.02em; } .carousel-control .icon-prev::before, .carousel-control .icon-next::before { color: #fff; } .carousel-control .icon-prev, .carousel-control .icon-next { font-family: FontAwesome; font-size: 15px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid #E0E0E0; width: 50px; height: 50px; } /* ----------------------------------------------- THREE PARTS ----------------------------------------------- */ .widget-block-banner-three-part .part a { border: 0; } .widget-block-banner-three-part .part1 a .text .title { font-size: 36px; line-height: 54px; font-weight: normal; } .widget-block-banner-three-part .part1 a .text .description { font-size: 16px; line-height: 26px; } .widget-block-banner-three-part .part.part1 { width: 65%; } .widget-block-banner-three-part .col-md-3 { width: 35%; } .widget-block-banner-three-part .part.part1 a { height: 530px !important; display: flex; align-items: center; justify-content: right; background-size: cover; background-position: center; } .widget-block-banner-three-part .part.part2 a, .widget-block-banner-three-part .part.part3 a { height: 265px !important; background-size: cover; background-position: center; display: flex; align-items: end; } .widget-block-banner-three-part .part.part1 a .text { padding: 30px; background: rgba(0, 0, 0, 0.6); width: 50%; position: inherit; color: #fff; } .widget-block-banner-three-part .part.part2 a .text, .widget-block-banner-three-part .part.part3 a .text { background: rgba(0, 0, 0, 0.6); height: auto !important; padding: 15px 30px; margin: inherit !important; color: #fff; width: 100%; } .widget-block-banner-three-part .part.part2 a .text .title, .widget-block-banner-three-part .part.part3 a .text .title { font-weight: normal; font-size: 30px; line-height: 54px; } .widget-block-banner-three-part .part.part2 a .text .description, .widget-block-banner-three-part .part.part3 a .text .description { font-size: 16px; line-height: 26px; } /*-------------------------------------------------------------------------------------------------------- PRODUCT BOX --------------------------------------------------------------------------------------------------------*/ .widget-product-box { padding: 20px 0; text-align: center; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; } .widget-product-box .picture-block { text-align: center; max-height: 100%; /* height: 190px; width: 190px; */ display: flex; align-items: center; justify-content: center; overflow: hidden; } .widget-product-box .info-block { padding: 15px 0 0; text-align: left; width: 100%; } .widget-product-box:hover .title a { color: #BDBDBD; } .widget-product-box .info-block .access-product-link { padding: 0; border: 0; text-transform: none; text-decoration: underline; font-weight: normal; } .widget-product-box .info-block .access-product-link:hover, .widget-product-box .info-block .access-product-link:active { background: none; color: #BDBDBD; } .widget-product-box .btn-default { width: auto; transition: bottom .225s ease; } .widget-product-box .link-company { margin: -3px 0 10px; display: block; color: #828282; letter-spacing: 0.02em; text-decoration: none; font-weight: 700; } .widget-product-box .link-company .vendor-name { font-weight: 600; } .widget-product-box h4, .widget-product-box h3 { display: -webkit-box; max-width: 200px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 54px; } .widget-product-box h4 a, .widget-product-box h3 a { font-weight: bold; color: #000; font-size: 16px; text-transform: none; line-height: 25px; text-decoration: none; } .widget-product-box .price { font-size: 14px; text-align: left; margin: 0 0 12px; font-weight: bold; color: #EB5757; } /*---------------------------------------------------------------------------------------------------- PRODUCT INFO --------------------------------------------------------------------------------------------------*/ /* .product-info .product-info-header { background: #FFFFFF; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08); border-radius: 10px; padding: 20px; } */ .product-info .property-marque { font-weight: 800; font-size: 33px; line-height: 43px; color: #013927; text-transform: uppercase; } .product-info .product-info-header .title-block .title { font-weight: 700; font-size: 26px; line-height: 35px; color: #013927; margin: 10px 0 20px; } .product-info .product-info-header .title-block .product-company { font-weight: 600; font-size: 16px; line-height: 22px; letter-spacing: 0.02em; text-transform: uppercase; color: #828282; margin-bottom: 10px; } .product-info .product-info-header .title-block .reference { font-weight: 700; font-size: 20px; line-height: 26px; color: #013927; } .product-info .product-info-header .title-block .price { font-size: 25px; } .product-info .product-info-header .title-block .price .price-current { padding: 0; } .product-info #form-product-cart { background: #FFFFFF; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08); border-radius: 10px; padding: 20px; } .product-info #form-product-cart .widget-select-option .table thead th { font-weight: 600; font-size: 26px; line-height: 35px; text-transform: none; padding: 0 0 30px !important; white-space: normal; } .product-info #form-product-cart .widget-select-option .table tbody, .product-info #form-product-cart .widget-select-option .table tbody td { border: 0; vertical-align: middle; padding: 0!important; } .widget-product .widget-select-option .variant-input { width: auto!important; } .product-info #form-product-cart .widget-select-option .table tbody td.widget-stock p.text-center { text-align: left!important; } .product-info #form-product-cart .widget-select-option .table tbody td.widget-stock .stock-in-stock { font-size: .9em; font-style: italic; color: #bfbcbc; } .product-info #form-product-cart .widget-select-option .table tbody td.widget-stock .stock-in-stock, .widget-product .widget-select-option ul { margin: 0; } .product-info #form-product-cart .widget-select-option .table tbody td .option-value-info { font-size: 14px; line-height: 24px; letter-spacing: 0.02em; color: #828282; } .product-info #form-product-cart .widget-select-option .table tbody td .option-value-info strong { font-weight: 600; font-size: 17px; line-height: 27px; color: #000000; } .product-info #form-product-cart .widget-select-option .table tbody tr td.variant-info .code .label { background: #fff; border: 1px solid #D4D4D4; border-radius: 5px; font-weight: bold; font-size: 10px; line-height: 24px; letter-spacing: 0.02em; color: #697386; padding: 0 12px; } .product-info #form-product-cart .widget-select-option .table tbody .not-orderable .variant-input { color: #EB5757; } .widget-product .widget-select-option .variant-price .price .price-current { white-space: nowrap; } .widget-product .widget-select-option .variant-price .price .price-current .price-display { font-weight: 600; font-size: 17px; line-height: 27px; color: #000000; } .product-info #form-product-cart .widget-select-option .variant-price { padding-right: 30px; } .product-info #form-product-cart .widget-select-option .variant-price .price .price-current .unit-price-display { font-size: 10px; letter-spacing: 0.02em; color: #828282; } .product-info #form-product-cart .widget-select-option, .product-info #form-product-cart .widget-select-option .table { margin: 0!important; overflow: hidden!important; } .product-info #form-product-cart .widget-select-option .table tbody .variant-input input, .dynamic-add-cart.dynamic-add-quote.product-cart-seller .variant-option-select .form-control { font-weight: 700; font-size: 17px; line-height: 50px; color: #013927; padding: 0 19px 0 30px; background: #CAE6D5; border-radius: 40px; width: 90px; height: 50px; overflow: hidden!important; } .dynamic-add-cart.dynamic-add-quote.product-cart-seller .variant-option-select .form-control { line-height: 40px; height: 40px; } .product-info #form-product-cart .product-more .select-quantity { text-align: right; } .product-info #form-product-cart .product-more .select-quantity .btn { padding: 0 35px; font-weight: 700; line-height: 50px; font-size: 17px; color: #FFFFFF; background: #013927; border-radius: 25px; margin: 0; border: none!important; } .product-info #form-product-cart .product-more .select-quantity .btn .fa { display: none; } .product-info #form-product-cart .product-more .select-quantity .add-to-tender .btn { background: #fff; color: #000; border-color: #989898; } .product-info #form-product-cart .product-more .select-quantity .add-to-tender .btn:hover, .product-info #form-product-cart .product-more .select-quantity .add-to-tender .btn:focus, .product-info #form-product-cart .product-more .select-quantity .add-to-tender .btn:active { border-color: #000; background: #F2F2F2; } .product-info #form-product-cart .product-more .select-quantity .caret { margin-left: 10px; } .add-to-wish-list .dropdown-menu-rounder .field-text .form-control, .add-to-tender .dropdown-menu-rounder .field-text .form-control { height: 30px !important; width: 157px !important; } .create-tender.btn.btn-default { border-radius: 3px !important; background: #ccc !important; color: #3a3a3a !important; font-size: 13px; height: 30px; border: 1px solid #b9b9b9; text-transform: none; width: auto !important; margin: 0 0 0 20px !important; padding: 5px !important; font-weight: normal !important; } .product-content .product-image { text-align:center; } /* body.product-page #gallery { position: relative; height: calc((93px * 4) + (10px * 3)); } body.product-page #gallery .miniature { display: flex; flex-direction: column; width: 116px; height: 400px; gap: 10px; transform: translateY(0); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); overflow-x: hidden; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; } body.product-page #gallery .miniature::-webkit-scrollbar { display: none; } body.product-page #gallery .miniature a.gallerie { display: block; width: 103px; min-height: 93px; overflow: hidden; @apply rounded-xl; } body.product-page #gallery .miniature img { width: 100%; height: 100%; object-fit: cover; @apply rounded-xl; } body.product-page #gallery .chevron { position: absolute; left: 50%; transform: translateX(-50%); z-index: 15; color: #4a4a4a; font-size: 24px; cursor: pointer; pointer-events: auto; opacity: 0; transition: opacity 0.3s ease-in-out; } body.product-page #gallery:hover .chevron { color: #000; } body.product-page #gallery .chevron-up { top: 20px; } body.product-page #gallery .chevron-down { bottom: 20px; } body.product-page #gallery .chevron:hover { opacity: 1; color: #000; } body.product-page .product-image { @apply flex items-start gap-6 p-8 bg-white rounded-2xl shadow-xl; } */ .widget-product .product-image .miniature { width: 125px !important; margin-right: 0!important; height: 400px; overflow-y: auto; text-align: left; } .product-content .product-image #gallery .miniature img { width: 93px; height: 93px; border-radius: 20px; } .widget-product .product-image .first img.picture { margin: 0!important; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); border-radius: 20px; } .product-content .product-image #gallery .miniature img:hover { border-color: #333; } .widget-product .product-image .first { display: inline-block !important; float: none !important; width: calc(98% - 116px)!important; } .widget-product .product-info p.reference { font-weight: 700; font-size: 15px; line-height: 22px; color: #013927; } .widget-product .product-info .product-properties .title { margin-bottom: 30px; font-weight: normal; font-size: 46px; line-height: 54px; color: #000000; } .widget-product .product-info .product-properties .table tbody tr td { border: 1px solid #E0E0E0; width: 65% !important; padding: 10px 20px !important; } .widget-product .product-info .product-properties .table tbody tr td.property-values { background: #fff; } .widget-product .product-info .product-properties .table-overflow-auto { margin-bottom: 100px; } /* .widget-product .description::before { content: ''; clear: both; height: 40px; display: block; } */ .widget-product .description .h4 { border-bottom: solid 1px #CAE6D5; display: block; margin-bottom: 20px; } .widget-product .description .h4 strong { font-weight: 700; font-size: 20px; color: #013927; position: relative; line-height: 50px; display: inline-block; } .widget-product .description .h4 strong::after { content: ''; width: 100%; height: 1px; background-color: #013927; position: absolute; bottom: -1px; left: 0; } .widget-product .widget-description { padding: 1.5rem 3rem; margin-bottom: 5rem!important; } .product-page .widget-product .description { margin-top: 20px; } .widget-product .description p, .widget-product .widget-description p { font-weight: 600; font-size: 17px; line-height: 22px; color: #013927; margin: 0; } .product-info #form-product-cart .widget-select-option .variant-option-select .add-variant { padding: 11px 20px; font-weight: 600; font-size: 12px; margin: 0 0 0 20px; } .product-info #form-product-cart .widget-select-option .variant-option-select .add-variant .fa { display: none; } .widget-list.product-properties thead { background: #F8F8F8 !important; } .widget-list.product-properties thead tr { background: none; border-color: #F8F8F8; } .widget-list.product-properties thead tr th { font-weight: bold; font-size: 24px; line-height: 33px; text-transform: none; } /*----------------------------------------------------------------------------------------------------- PAGINATION ----------------------------------------------------------------------------------------------------*/ .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { background-color: transparent !important; color: #000 !important; border-bottom: 1px solid #013927 !important; border-radius: 0 !important; } .paginator-container .pagination>li>a, .paginator-container .pagination>li>span { border-bottom: 3px solid transparent; padding: 3px 8px 10px; border-radius: 0 !important; color: #6C6C6C; } .paginator-container .pagination>li>a:hover, .paginator-container .pagination>li>span:hover { color: #6C6C6C; border-bottom: 3px solid #E0E0E0; } /*-------------------------------------------------------------------------------------------------------- PROFILE -------------------------------------------------------------------------------------------------------*/ .widget-profile-header .title-profile { font-size: 36px !important; line-height: 54px !important; margin-top: 20px; margin-bottom: 0 !important; } .widget-profile-header .header-avatar .widget-avatar { border-radius: 10px; } .widget-profile-header .header-avatar .inner .avatar img { border-radius: 10px; } #widget-map { margin-bottom: 24px !important; } .widget-profile-info { padding: 30px; } .widget-profile-info .widget-title { font-weight: bold; font-size: 18px; line-height: 25px; text-transform: none; padding: 0; } .widget-profile-info .widget-content .line-break { display: none; } .widget-profile-info .widget-content .info { padding: 15px 0; font-weight: bold; font-size: 14px; line-height: 19px; } .widget-profile-info .widget-content .info .title { font-weight: normal; font-size: 12px; line-height: 16px; color: #000; margin-bottom: 8px; } .widget-profile-info .widget-content .info .country .flag { margin-right: 10px; } .widget-profile-info.widget-profile-info-opening .info { padding: 0; } .widget-profile-info.widget-profile-info-opening .info .title { font-weight: normal; font-size: 12px; line-height: 16px; color: #000; margin-bottom: 8px; } .widget-profile-info.widget-profile-info-opening .info #openingsprofilesupport { padding: 10px; } .widget-profile-info.widget-profile-info-opening .info #openingsprofilesupport .info { padding: 10px 0; } .widget-profile-info.widget-profile-info-opening .info .openings_title.collapsed .fa::before { margin-left: 15px; content: "\f107"; } .widget-profile-info.widget-profile-info-opening .info .fa::before { margin-left: 15px; content: "\f106"; } .widget-profile-info .info .categories .category { border: 0; } .widget-profile-info .info .categories .category .name { border-radius: 5px; background: #FFFFFF; border: 1px solid #D4D4D4; font-size: 10px; line-height: 24px; letter-spacing: 0.02em; color: #697386; padding: 3px 0; } .widget-profile-info .info .categories { margin-top: 30px; } .widget-profile-info.widget-profile-info-description .inner { padding: 8px 0; } .item-company-box .widget-company-box .relationship-content .info-block { min-height: inherit; } .form-edit-profile .widget-container.boxed { padding: 20px; } /*--------------------------------------------------------------------------------------------------- COMPANY BOX ----------------------------------------------------------------------------------------------------*/ .widget-search.widget-search-company .widget-search-header { display: none; } .item-company-box .widget-company-box:hover { box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); } .item-company-box .widget-company-box .relationship-content { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px; position: relative; } .widget-company-box .btn-manage-relationship-group { position: absolute; bottom: 75px; right: -50%; left: -50%; } .relationship-content .picture-block { width: 150px; padding: 0; height: 150px; } .relationship-content .picture-block .picture { max-width: inherit; max-height: 100%; } .item-company-box .widget-company-box .relationship-content .info-block { min-height: inherit; padding: 0; margin-top: 30px; } .item-company-box .widget-company-box .relationship-content .info-block .title { margin: 0; } .item-company-box .widget-company-box .relationship-content .info-block a.btn { padding: 0; border: 0; text-transform: none; font-weight: normal; font-size: 14px; line-height: 19px; text-decoration-line: underline; } .item-company-box .widget-company-box .relationship-content .info-block br { display: none; } .widget-search-company .widget-action.widget-search-header .pull-right.search-list-choice { display: none; } .item-company-box .widget-company-box .relationship-content .info-block a.btn:hover, .item-company-box .widget-company-box .relationship-content .info-block a.btn:focus { background: none; } .item-company-box .widget-company-box:hover .title a { color: #BDBDBD; } /*--------------------------------------------------------------------------------------------------------- FILTER ---------------------------------------------------------------------------------------------------------*/ .filter { width: 260px !important; } .filter .widget-search-filter { background: #fff !important; padding: 20px !important; } .widget-search .list-result { padding-left: 290px !important; } .filter .widget-search-filter .title { font-weight: bold; font-size: 18px; line-height: 25px; text-transform: none; margin: 0; padding-bottom: 6px; } .filter .widget-search-filter ul, .filter .widget-search-filter #filter-category { border: 0 !important; padding: 0 0 20px !important; } .filter .widget-search-filter #filter-category { padding: 30px 0 20px !important; } .filter .widget-search-filter #filter-category #unselect-all-category { font-weight: bold; font-size: 14px; line-height: 19px; padding: 0; margin-bottom: 25px; border: 0; } .filter .widget-search-filter #filter-category .category-tree-level0 { font-weight: bold; font-size: 14px; line-height: 19px; } .filter .widget-search-filter #filter-category .category-tree-level1 { margin-left: 10px; } .filter .widget-search-filter .widget-toggle { border-bottom: 1px solid #E0E0E0; } .filter .widget-search-filter .field-text { padding-bottom: 20px; border-bottom: 1px solid #E0E0E0; } .filter .widget-search-filter .label-title { font-size: 12px; line-height: 16px; margin-bottom: 13px; } .filter .widget-search-filter .widget-toggle ul { padding-top: 7.5px !important; } .filter .widget-search-filter .widget-toggle ul li { font-size: 12px; line-height: 16px; } .filter .widget-search-filter .slider-container .slider-price-range.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content { height: 8px; background: #DFDFDF; width: 116px; } .filter .widget-search-filter .slider-container .slider-price-range.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content .ui-slider-handle.ui-corner-all.ui-state-default { background: #fff; border: 1px solid #BDBDBD; top: -6px; } .filter .filter-search-name { margin-bottom: 20px !important; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05); border-radius: 10px; } .filter .filter-search-name .field-text { border: 0; margin: 0; padding: 0; } /*------------------------------------------------------------------------------------------------------ CART PAGE ------------------------------------------------------------------------------------------------------*/ .cart-box-right .boxed, .widget-cart .widget-container.boxed { box-shadow: none; border-radius: 0; background: none; overflow: inherit; } .cart-box-right .boxed .widget-title, .widget-cart .widget-container.boxed .widget-title { font-weight: 700; font-size: 20px; line-height: 26px; color: #013927; text-transform: none; padding: 0 30px; } .widget-cart .widget-container.boxed .widget-title { margin-top: 0; } .widget-cart .widget-container.boxed .order-container { background: #FFFFFF; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05); border-radius: 10px; overflow: hidden; position: relative; } .widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart { background: #013927; padding: 20px; } .widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-10 { width: 70%; } .widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-2 { width: 30%; } .widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-2 .badge.badge-number { font-size: 10px; letter-spacing: 0.02em; color: #000000; border: 1px solid #D4D4D4; border-radius: 20px; width: 27px; height: 27px; background: none; text-align: center; padding: 8px 0; margin-right: 10px; } .widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-2 .delete-action-form .btn-delete { padding: 0; width: 35.64px; height: 33px; background: #fff; border: 1px solid #DFDFDF; } .widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-2 .btn.btn-collapse-items { padding: 0; margin-left: 10px; border: 0; background: 0; margin-right: 20px; } .widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-10 #uppler_shop_cart_orders_0_checkoutStart { margin: 15px 20px 0 0; } .widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-10 .widget-company-thumb .picture-block .picture { background: #FFFFFF; border-radius: 5px; padding: 8px; } .widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-10 .widget-company-thumb .info-block .title { margin: 10px 0 0 15px; font-weight: 600; font-size: 18px; } .widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .pull-right.item-col-input { margin-top: 8px; } .widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-10 .cart_continous_to { margin-top: 15px; font-weight: normal; font-size: 14px; line-height: 19px; text-decoration-line: underline; color: #fff; font-style: normal; } .widget-cart .widget-container.boxed .order-container .btn-delete .fa { color: #DFDFDF; } .widget-cart .widget-container.boxed .inner .row.cart-header-tab { font-size: 14px; line-height: 19px; color: #B2B2B2; margin: 0 0 15px; padding: 0 20px; } .widget-cart .widget-container.boxed .order-container .items-container .item .row div, .widget-cart .widget-container.boxed .inner .row.cart-header-tab div { padding: 0; } .widget-cart .widget-container.boxed .order-container .items-container .item .row div { width: auto; } .widget-cart .widget-container.boxed .order-container .items-container .item .row .shipping-country { margin-bottom: 5px; display: flex; align-items: center; gap: 6px; font-size: .9em; color: #013927; padding-left: 20px; } .widget-cart .widget-container.boxed .order-container .items-container .item { padding: 20px; background: #fff; border-bottom: 1px solid #E0E0E0; border-radius: 0; } .widget-cart .widget-container.boxed .order-container .items-container .item .row { margin: 0; flex-wrap: nowrap; } .widget-cart .widget-container.boxed .order-container .items-container .item .col-xs-3.item-col-img .picture-block .picture { max-width: 150px; max-height: 150px; object-fit: cover; border-radius: 15px; } .widget-cart .widget-container.boxed .order-container .items-container .item .col-xs-3.item-col-img .info-block a { font-weight: bold; font-size: 14px; line-height: 19px; } .widget-cart .widget-container.boxed .order-container .items-container .item .col-xs-3.item-col-img .description { float: none; font-weight: 700; font-size: 16px; color: #013927; width: 250px; padding-left: 20px; padding-top: 30px; } .widget-cart .widget-container.boxed .order-container .items-container .item .row .cart-unitPrice-and-input { width: 40%; padding-right: 25px; } .widget-cart .widget-container.boxed .order-container .items-container .item .row .cart-unitPrice.cart-unit-price { font-weight: 500; font-size: 14px; color: #C5A17F; position: absolute; left: 200px; bottom: 40px; } .widget-cart .widget-container.boxed .order-container .items-container .item .row .cart-unitPrice-and-input + .item-col-text.text-right { margin-left: 7.5%; } .widget-cart .widget-container.boxed .order-container .items-container .item .item-col-name li { font-size: 14px; line-height: 24px; letter-spacing: 0.02em; color: #828282; } .widget-cart .widget-container.boxed .order-container .items-container .item .item-col-name li strong { color: #000000; } .widget-cart .widget-container.boxed .order-container .items-container .item .item-col-name ul { margin-bottom: 5px; } // .widget-cart .widget-container.boxed .order-container .items-container .item .cart-total-item, .widget-cart .widget-container.boxed .order-container .items-container .item .cart-unit-price { white-space: nowrap; font-weight: 600; font-size: 14px; line-height: 27px; color: #000000; } .widget-cart .widget-container.boxed .order-container .items-container .item .cart-total-item { white-space: nowrap; font-weight: 600; font-size: 16px; line-height: 150px; color: #013927; } .widget-cart .widget-container.boxed .order-container .items-container .item .cart-input-quantity { line-height: 150px; margin-left: 70%; } .widget-cart .widget-container.boxed .order-container .items-container .item .cart-input-quantity input { height: 50px; background: #013927; border-radius: 40px; border: none; color: #FFF; width: 80px; text-align: center; padding-left: 23px; font: 500 13px 'Montserrat'; overflow: hidden!important; } .widget-cart .widget-container.boxed .order-container .items-container .item .row .item-col-delete { position: absolute; right: 20px; } .widget-cart .widget-container.boxed .order-container .items-container .item .item-col-delete .btn-delete-item { width: 40px; height: 40px; padding: 0; background: #FFFFFF; border: none; margin: 0px; } .widget-cart .widget-container.boxed .order-container .items-container .item .item-col-delete .btn-delete-item:hover { border: none; } .widget-cart .widget-container.boxed .order-container .items-container .item .item-col-delete .btn-delete-item .fa { margin: 0 5px 0 0; font-size: 18px; color: #DFDFDF; } .widget-cart .widget-container.boxed .order-container .btn-delete:hover .fa, .widget-cart .widget-container.boxed .order-container .items-container .item .item-col-delete .btn-delete-item:hover .fa { color: #992020; } /* .widget-cart .widget-container.boxed .order-container .items-container .cart-item-total { position: absolute; bottom: 25px; right: 30px; } */ .widget-cart .widget-container.boxed .order-container .widget-cart-order { margin: 0; } .widget-cart .widget-container.boxed .order-container .widget-cart-order .message-cart { background: #fff; padding: 20px; } .cart-summary-content{ margin: 30px 0 15px; } .cart-summary-content.widget-spinner hr { display: none; } .cart-box-right .inner { background: #FFFFFF; box-shadow: none; padding: 0 20px; overflow: hidden; margin-top: 0; } .cart-box-right .inner .box-block tbody .checkout-order-company { font-weight: bold; font-size: 14px; line-height: 19px; } .cart-box-right .inner .box-block .cart-summary-company.amount, .cart-box-right .inner .box-block .order-summary-indent { font-weight: normal; font-size: 14px; line-height: 19px; padding-bottom: 20px; padding-left: 30px; } .cart-box-right .inner .box-block .order-summary-indent { color: #828282; } .cart-box-right .inner .box-block .cart-summary-company.amount { color: #000; } .widget-cart .col-md-8 .widget-container.boxed .inner:nth-child(2) { display: none; } .widget-cart .cart-border-bottom-separator { border: 0; } .cart-box-right .inner .box-block .cart-border-bottom-separator th, .cart-box-right .inner .box-block .cart-border-bottom-separator td { padding: 15px 0; font-weight: bold; font-size: 14px; line-height: 19px; width: 50%; } .cart-box-right .inner .btn-cart-valid .btn .fa { display: none; } .widget-cart .cart-border-bottom-separator { border: 0; } .cart-box-right .btn { width: 100%; } .widget-cart .tos-cart { display: flex; align-items: baseline; } .widget-cart .tos-cart #uppler_cart_payment_tos { margin: 0; top: 0; margin-right: 10px; } .cart-box-right .widget-cart .btn-success { margin: 0; border-radius: 30px; background: #013927; border: none; font-weight: 600; } .cart-container .widget-cart .widget-list .inner .select2-container { width: 100% !important; } .cart-container .widget-cart .widget-list .inner .btn-success.add-address { margin: 0; } .cart-container .widget-cart .widget-title { padding: 20px; } .cart-summary-content .col-md-8 .widget-container .inner { padding: 0; } .cart-box-right .widget-title .label { float: left !important; margin: 5px 0; width: 100%; } .cart-box-right .widget-cart .btn-cart-valid { margin-top: 20px; } /*----------------------------------------------------------------------------------------------------- MEGA MENU ------------------------------------------------------------------------------------------------------*/ .menu-template-mega .dropdown .fa { display: none; } /*------------------------------------------------------------------------------------------- MESSAGES NOTIFS PAGES -------------------------------------------------------------------------------------------*/ .widget-search-action-message .pull-right { margin-left: 5px; } .widget-new-message { padding: 20px; } .widget-new-message .widget-title { font-weight: 600; font-size: 36px; line-height: 27px; text-transform: none; margin-bottom: 20px; } .widget-new-message .row-submit #upload-button { padding: 12px 18px; } .messages-deleted .pull-left .new-message { margin-bottom: 15px; } .notification-list { padding: 20px; } .notification-list .widget-title { font-weight: 600; font-size: 36px; text-transform: none; margin-bottom: 20px; } #navbar-notification .dropdown-menu li a { padding: 10px 15px !important; } .notification-list li a { border-top: 1px solid #E0E0E0; border-bottom: 0; } .widget-reply-message { top: 20px; padding: 20px; } .widget-reply-message .widget-title { text-transform: none; font-size: 20px; } .product-sample .checkbox.has-sample .field-text { display: flex; } .product-sample .checkbox.has-sample .field-text #uppler_product_availability_hasSample { margin-left: 0; } .shipping-methods-list .table .position .pull-right.dropdown { float: left !important; } /*--------------------------------------------------------------------------------------------------- AJUSTEMENTS ---------------------------------------------------------------------------------------------------*/ .widget-order .order-item-remove { top: 0 !important; } .restock-container .datepicker { font-size: 9px; } .widget-nav-profile .relationship-group.btn-group.open .dropdown-menu { left: -175px; top: 2px; } .widget-nav-profile .relationship-group.btn-group.open .dropdown-menu .remove { padding: 0; height: 40px; } .select2-container--default .select2-selection.select2-selection--multiple { overflow-x: hidden; overflow-y: scroll; } .select2-container--default .select2-selection.select2-selection--multiple .select2-selection__rendered { display: flex; flex-direction: column; align-items: start; } .contract-block-conditions .contract-condition .contract-condition-percent { min-width: 125px; } /*.form-create-address .field-text { margin-bottom: 12px; } .form-create-address .splited-field .form-group.left-field, .form-create-address .splited-field .form-group.left-field, .form-create-address .splited-field .form-group.left-field .label-title { padding-left: 0; } .form-create-address .splited-field .form-group.right-field, .form-create-address .splited-field .form-group.right-field .label-title, .form-create-address .splited-field .form-group.right-field .col-sm-8 { padding-right: 0; }*/ form[name="uppler_subscribed_emails"] .field-text { display: flex; flex-direction: row-reverse; float: left; align-items: start; } form[name="uppler_subscribed_emails"] .field-checkbox input[type="checkbox"] { margin-right: 15px; margin-top: 4px; } #dashboard-info-order .order-canceled .info-order-title { width: 80%; } .product-comparator-wrapper .delete-action-form { margin-top: 8px; } .widget-comment .fos_comment_submit { margin-top: 10px; margin-bottom: 10px; } .widget-list .table>thead>tr>th { white-space: nowrap; font-size: 12px; } .user-edit-page .boxed { padding: 20px; } .user-edit-page .boxed .widget-title { font-weight: 600; font-size: 36px; text-transform: none; margin-bottom: 20px; word-break: break-word; } #orders thead th { white-space: nowrap; padding-top: 20px; padding-bottom: 20px; } #orders thead th a { color: #000; text-transform: none; font-size: 16px; } .btn.fileinput-button { padding: 12px 18px; } .widget-container.widget-order { background: #fff !important; box-shadow: none !important; } .widget-container.widget-order .block.block-number, .widget-container.widget-order .block.block-date { border: 0; padding: 0; } .widget-container.widget-order .block.block-number span, .widget-container.widget-order .block.block-date span { font-size: 20px; font-weight: 800; } .widget-container.widget-order .order-content .col-md-4 .block { min-height: 280px; } .widget-container.widget-order .order-content .block { border-radius: 10px; } .widget-container.widget-order .order-content .block .title { margin-bottom: 20px; } .widget-container.widget-order .order-content .block .title span { color: #000; font-size: 16px; } .widget-container.widget-order .order-content .block.block-note { min-height: 230px; } #rightbar { margin-top: 15px; border-radius: 25px; border: 0; // box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05); min-height: inherit; padding: 20px; background: #CAE6D5; right: 0!important; } #rightbar #order-actions, #rightbar #order-actions .widget-order-action { margin: 0; } #rightbar #order-actions .widget-order-action .btn, #rightbar #order-actions .widget-order-action .btn-group { margin: 0 0 10px; width: 100%; } #rightbar #order-actions .widget-order-action .btn-default { border: none!important; color: #013927!important; border-radius: 25px!important; font-size: .9em!important; font-weight: 700!important; } #rightbar #order-actions .widget-order-action .btn-group .btn { margin: 0; } #rightbar .widget-comment { padding: 15px 0 0; margin: 0; } #rightbar .widget-comment .widget-title { padding: 20px 0 5px; line-height: 20px; text-transform: none; font-size: 16px; } #rightbar .widget-comment .comments-list .fos_comment_comment_show { margin-top: 20px; } #rightbar .widget-comment .comments-list .fos_comment_comment_metas { color: #797878; } #rightbar .widget-comment .fos_comment_comment_new_form { padding-top: 10px; } #dashboard-info-number .widget-container.widget-chart-number.boxed { min-height: 355px; position: relative; } #dashboard-info-number .widget-container.widget-chart-number.boxed .chart-number.equal { position: absolute; bottom: 20px; width: 100%; left: 0; } #filtered-variants-list td { padding: 20px !important; } .homepage-search .searchbar-wrap .search-input-box .search-btn { color: transparent; } .widget-container.widget-comment .widget-title { font-size: 20px !important; margin-top: 0 !important; } .widget-cart .widget-container.boxed .inner .row.cart-header-tab div { text-align: left; } .widget-cart .widget-container.boxed .inner .row.cart-header-tab div:nth-child(2) { width: 25%; } .cart-unitPrice.cart-unit-price { width: 16.66666667%; } .cart-unitPrice.cart-unit-price, .item-col-input.cart-input-quantity, .cart-totalItem.cart-total-item { text-align: left !important; } .widget-wishlist.wishlist-view-form.default-mode .wishlist-box-right { border-radius: 10px; overflow: hidden !important; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05); padding: 10px; } .widget-wishlist.wishlist-view-form.default-mode .wishlist-box-right .box-block .boxed { box-shadow: none; } .fos_user_profile_edit .col-md-12 { padding: 0; } .check-input .table-check-group.btn-group .btn.btn-default.dropdown-toggle { background: none; } .pack-quantity .input-group { margin-bottom: 12px; } .checkbox.has-sample .field-text { display: flex; } #files .contract-file .col-md-1 { width: 16.66666667%; } .files-existing .contract-file .col-md-1:nth-child(6) { text-align: right; } #orders .order-td-state .label { white-space: normal; } /*----------------------------------------------------------------------------------------------------------- HELP ----------------------------------------------------------------------------------------------------------*/ .accordion.boxed { padding: 0 60px; margin-top: 30px; } .accordion.boxed .card-3 { border-bottom: 1px solid #E0E0E0; } .accordion.boxed .card-3:last-child { border: 0; } .accordion.boxed .card-header h2 { margin: 0; } .accordion.boxed .card-header button { padding: 35px 0; font-weight: 600; font-size: 26px; color: #000; text-decoration: 0; } .accordion.boxed .card-header button .fa { float: right; font-size: 16px; top: 13px; } .accordion.boxed .card-body-3 { padding: 0 60px 35px; text-align: justify; line-height: 28px; } .accordion.boxed .card-header button:hover { text-decoration: underline; text-underline-offset: 7px; } .accordion.boxed .card-header button.collapsed .fa::before { content: "\f067" !important; } .accordion.boxed .card-header button .fa::before { content: "\f068" !important; } /*--------------------------------------------------------------------------------------------------- MIDDLE OFFICE ----------------------------------------------------------------------------------------------------*/ .page-Homepage.seller h1 { margin-bottom: 30px; } .page-Homepage.seller .widget-container { padding: 8px; min-height: 380px; } .page-Homepage.seller h2.more-title { font-size: 32px; margin: 30px 0 20px; } .page-Homepage.seller .widget-container .widget-title { font-weight: 600; } .form-product .widget-title { padding: 20px 0; font-size: 16px; } .form-product #product-category-form .taxon-tree-form .field-checkbox { position: relative; } #product-form #product-form-sidebar { margin-top: 15px; background: #FFFFFF; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05); border-radius: 10px; padding: 20px; } #product-form #product-form-sidebar .widget-product-thumb .info-block a { font-weight: 600; } #product-form #prices #product-prices-form select, #product-form #prices #product-prices-form input { height: inherit !important; } #product-form .product-form-container .btn-group-vertical li { margin-bottom: 5px; } .widget-shop-configuration { padding: 20px; } .shop-configuration-form .widget-title { padding: 0 0 20px; font-size: 16px; } #product-form .tab-content { border: 0; } .form-product-export .field-text input, .form-product-export .field-text select { margin-left: 30px; } #filtered-variants-form th, #filtered-variants-form td { padding: 20px 10px !important; } .dataimport-header-container .widget-container .widget-title { font-weight: 600; font-size: 36px; line-height: 27px; text-transform: none; margin: 20px 0 10px; } .dataimport-header-container .widget-container.boxed { box-shadow: none; background: none; border-radius: 0; } .dataimport-header-container .widget-container .dataimporter-configuration-content .widget-title { font-size: 16px; font-weight: bold; text-transform: uppercase; margin: 0; } .dataimport-header-container .widget-container .dataimporter-configuration-content .widget-container { min-height: 230px; overflow: inherit; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05); background: #fff; } .dataimport-header-container .col-md-4:last-child .row.row-submit { position: initial !important; width: 100%; text-align: center; padding: 0; margin: 0; } /*-------------------------------------------------------------------------------------------------------- ABOUT --------------------------------------------------------------------------------------------------------*/ .our-company-title h1, .our-team-title h1 { color: #013927; margin: 25px 0; } .our-company-text { margin-bottom: 80px; padding: 30px; } .our-team-card.boxed { padding: 30px; width: 70%; margin-right: auto; margin-left: auto; margin-bottom: 40px; } .our-team-card-name { margin-bottom: 30px; text-transform: uppercase; } .our-team-card-job { text-transform: lowercase; color: #013927; margin-bottom: 25px; } .our-team-card-text { margin-bottom: 15px; } .our-team-card-social a { color: #013927; font-size: 30px; margin-right: 10px; } .our-team-card-social a:hover { color: #000; } .our-team-card-image { margin-right: 20px; } .our-team-card-image img { width: 100%; } .our-company-text p { margin-bottom: 20px; } .our-team-text { margin-bottom: 20px; } .our-team-card.boxed:hover { box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); } .our-team-card.boxed .row { display: flex; align-items: center; } /*----------------------------------------------------------------------------------------------------------- BLOG ---------------------------------------------------------------------------------------------------------*/ .dynamic-index h1 { margin-left: 16.666666666666664%; margin-bottom: 24px; padding-left: 10px; } .dynamic-entity-box h2 { font-size: 25px; } .dynamic-entity-box { width: calc( ( 100% / 4) - 24px); margin-left: 10px; margin-right: 10px; margin-bottom: 36px; display: inline-block; position: relative; vertical-align: top; } .dynamic-entity-box .img-blog { position: relative; display: block; overflow: hidden; box-sizing: border-box; height: 200px; } .dynamic-entity-box .img-blog img { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 100%; transition: all ease-in-out 0.3s; } .dynamic-index .date .value { color: #013927; margin-top: 14px; } .dynamic-entity-box { width: calc( ( 100% / 4) - 24px); margin-left: 10px; margin-right: 10px; margin-bottom: 36px; display: inline-block; position: relative; vertical-align: top; padding: 20px; min-height: 420px; } .dynamic-index .author .value { font-style: italic; font-size: 14px; color: #013927; margin: 0; } .dynamic-index .type .value, .dynamic-index .type .value a { color: #013927; text-transform: uppercase; font-weight: bold; } .dynamic-entity-box:hover .img-blog img { height: 105%; } .dynamic-view .type p { font-size: 18px; } .dynamic-view .image, .dynamic-view .image2, .dynamic-view .image3, .dynamic-view .image4 { text-align: center; margin: 40px auto; } .dynamic-view .image img, .dynamic-view .image2 img, .dynamic-view .image3 img, .dynamic-view .image4 img { max-width: 60%; } .dynamic-view #content .blog-show { padding: 50px 190px 30px; } .dynamic-view .date .value { margin: 0; } .dynamic-view .intro { margin-top: 40px; } .dynamic-view .author { border-bottom: 1px solid #e8e9eb; padding-bottom: 40px; } .dynamic-view .author .value { font-style: italic; font-size: 14px; margin: 0; } .dynamic-view .video-container { text-align: center; padding: 30px 0; } .dynamic-view iframe { width: 60%; } .dynamic-index .widget-dynamic-entity-list { background: none; box-shadow: none; } .form-group.form-group-dynamic-field-filter.dynamic-field-filter-value .select2-container { width: 100% !important; } .dynamic-view #content .blog-show .type .btn-link { font-weight: bold; color: #000; } .dynamic-view .blog-title { font-weight: bold; } /*----------------------------------------------------------------------------------------------- TOU / LEGAL / PRIVACY -------------------------------------------------------------------------------------------*/ .page-text .content-title { color: #013927; margin-bottom: 30px; } .page-text .content-text.boxed { padding: 30px; } .page-text .content-text.boxed .paragraph { margin-bottom: 30px; } .page-text .content-text.boxed .paragraph p { text-align: justify; } /*-------------------------------------------------------------------------------------------------------- FOOTER --------------------------------------------------------------------------------------------------------*/ footer { color: #013927; font-size: 16px; } footer a { font-size: 18px; line-height: 50px; } footer .row a:hover { text-decoration: underline; } .footer-bottom li { display: inline; margin: 10px; } .footer-bottom .pull-left.footer-left { padding-top: 12px; } footer .default-footer img { max-width: 210px; } .jump.btn.btn-success.back-to-top { padding: 5px 10px; } footer .footer-content .container { padding: 0; } /*-------------------------------------------------------------------------------------------------------- RESPONSIVE DESIGN --------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------- HEADER ----------------------------------------------------------------------------------------------------------*/ @media screen and (max-width: 767px) { #content.tenderv { height: calc(100vh - 41px); padding: 0 20px; } header + .searchbar-wrap .search-full { width: 180%; margin-left: -40%; margin-right: -40% } header .navbar-toggle { padding: 0!important; background: transparent!important; width: unset!important; height: unset!important; margin: 7px 22px 0 0; } header .navbar-toggle .icon-bar { border-color: #013927!important; } header .notification-wrap #navbar-notification .navbar-notification { height: 50px!important; width: auto!important; } .navbar-notification .icon-notification-container>.icon-notification { padding: 5px 4px!important; } #body.page-cms-homepage-buyer .header-buyer .img-buyer { border-radius: 0; margin: 0 -15px; width: calc(100% + 30px); } #body.user_type_seller .container-global #sidebar { position: absolute; z-index: 999; background: #FFF; right: 0; } #body.page-cms-homepage-buyer .header-buyer .link-choice { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; grid-template-areas: "brand category" "ask bulk"; } #body.page-cms-homepage-buyer .header-buyer .link-choice a { border-radius: 25px; font-size: 1.25em !important; } #body.page-cms-homepage-buyer .header-buyer .link-choice .ask, #body.page-cms-homepage-buyer .header-buyer .link-choice .bulk { font-size: 1.5em !important; height: auto; } #body.page-cms-homepage-buyer .header-buyer strong { margin-top: 30px; font-size: 1.5em; } .widget-search-action .form-inline button[type="submit"] { height: 46px; margin: 4px -5px 0px 0px!important; } footer .footer-contact { position: relative; } footer .footer-contact:after { left: 10px; width: calc(100% - 20px); } footer .footer-content .bt_sociaux + ul { padding-left: 0; } footer .footer-content .bt_sociaux + ul li { margin: 0 8px; font-size: .9em; } #body.page-cms-legal h1, #body.page-cms-tou h1, #body.page-cms-privacy h1, .header-categories h1, .header-brands h1, [class*="header-categories-"] h1 { margin: 10px -5px -1em; width: calc(100% + 10px); font-weight: 700; font-size: 1.4em; line-height: 1.7em; } .page-cms-page-marques .columns { margin: 0 10px; } .header-categories .link-choice { gap: 20px; margin-top: 50%; margin-bottom: 50%; margin-left: calc(50% - 160px); margin-right: calc(50% - 160px); width: 320px; } .header-categories .link-choice div { border-radius: 25px; font-size: 1.4em !important; width: 150px; } [class*="header-categories-"] .dropdown-menu.menu_level_1 { column-count: 2; display: flex !important; flex-wrap: wrap; gap: 10px; width: 100%; } .dropdown-menu.menu_level_1 li.dropdown-submenu { width: calc(50% - 5px) !important; } [class*="header-categories-"] .dropdown-menu.menu_level_1 li a, [class*="header-categories-"] .dropdown-menu.menu_level_1 li a:hover { font-size: 1.5em !important; } .header-categories-maison .dropdown-menu.menu_level_1 li a, .header-categories-maison .dropdown-menu.menu_level_1 li a:hover, [class*="header-categories-"] .dropdown-menu.menu_level_2 li a, [class*="header-categories-"] .dropdown-menu.menu_level_2 li a:hover { font-size: .8em !important; line-height: 1em !important; padding: 5px 0!important; display: inline-block; text-wrap: initial; } .dropdown-menu .menu-back-button, .dropdown-menu .menu-see-all { display: none; } .header-categories-homme .sous-categories .navbar-nav li:nth-child(1), .header-categories-femme .sous-categories .navbar-nav li:nth-child(2), .header-categories-enfant .sous-categories .navbar-nav li:nth-child(3), .header-categories-maison .sous-categories .navbar-nav li:nth-child(4) { width: 100%; } .header-categories-maison .dropdown-menu.menu_level_1 li { text-align: center; } .header-categories-maison .dropdown-menu.menu_level_1 li a, .header-categories-maison .dropdown-menu.menu_level_1 li a:hover { font-size: 1.25em!important; padding: 3px 0!important; } .searchbar-wrap .search-full { margin: -25px 10% 40px; width: 80%; height: auto; } .header-brands .searchbar-wrap .search-full, .header-categories .searchbar-wrap .search-full, [class*="header-categories-"] .searchbar-wrap .search-full { margin: 25px 10% 40px; } #suggestions-list .list-group .item-product-box { position: relative; flex: 1 1 50%; height: auto; /* display: flex; flex-direction: column; */ } .widget-product .widget-breadcrumb { margin: 0!important; } .page-back, .product-page .page-back, .widget-product .widget-breadcrumb .btn-product-back { padding: 10px; } .page-back::before, .product-page .page-back::before, .btn-product-back::before { width: 1em; height: 1em; border-right: 0.25em solid #013927; border-bottom: 0.25em solid #013927; top: 20px; left: 10px; } .widget-product-box .picture-block { width: 100%; height: auto; border-radius: 15px; border: solid 3px #013927; aspect-ratio: 1 / 1; } .widget-search.widget-search-product .list-result-container { padding: 10px 10px 15px !important; min-height: unset !important; } #suggestions-list .list-group .widget-product-box h4 a { font-size: 1em; } .widget-product-box .price { font-size: .65em; } .widget-product .product-info { padding: 0 20px!important; } .product-info .property-marque { font-size: 1.5em; line-height: 1em; } .product-info .product-info-header .title-block .title { font-size: 1.4em; line-height: 1.1em; letter-spacing: -.04em; margin: 0.4em 0 0.3em; } .product-info .product-info-header .title-block .reference { font-size: 1em; line-height: 1em; margin-bottom: 0; } .widget-search.widget-search-product.widget-search-product-offers { margin-top: 0.5em; } .widget-search.widget-search-product .tab-pane.active { margin: 0 20px; } .widget-container.widget-list.widget-offers #offers .offers-list-item { border-radius: 1em; padding: 0 20px; margin-bottom: 1em; flex-direction: column; } .bem-country-flag-24-2x.scale2 { transform: scale(1)!important; top: 14px!important; left: 14px!important; } .widget-offers .offers-list-item .info .info-content a.name, .widget-offers .offers-list-item .detail ul li { line-height: 24px; } .widget-offers .offers-list-item .detail ul li { font-size: 14px; margin: -24px 0 0 5px; } .widget-offers .info-content .name { line-height: 24px!important; padding-left: 25px; font-size: .9em; margin-top: 14px; } .widget-offers .offers-list-item .price-info { line-height: 24px; padding: 0 0 10px!important; font-size: .9em; } .widget-product .price .price-since { line-height: 17px; } .widget-product .widget-offers .price .price-display { line-height: 24px; font-size: .9em; } .widget-product .widget-description { padding: 0; margin-bottom: 2rem !important; } .widget-product .description p, .widget-product .widget-description p { font-size: .9em; line-height: 1.5em; } .widget-product .widget-select-option label span.quantity-label { display: none!important; } .product-info #form-product-cart .widget-select-option .table tbody .variant-input input { width: 75px; } .product-info #form-product-cart .product-more .select-quantity .btn { padding: 0; margin: 0 0 0 10px; width: calc(100vw - 125px); } .product-info #form-product-cart .widget-select-option .table tbody td.widget-stock .stock-in-stock { text-align: left !important; } .user_type_buyer header .cart-wrap .cart-menu a.link .cart-content { display: block!important; } header .cart-wrap .cart-menu a.link .cart-content .cart-response .indicator { width: 12px; height: 12px; font: 800 .45em 'Montserrat'; line-height: 13px; top: -3px; right: 23px; } .widget-product-thumb .picture-block { margin: 0!important; } .widget-cart .widget-container.boxed .order-container .items-container .item .row div .widget-product-thumb { display: flex; width: 100%; gap: 20px; } .widget-cart .widget-container.boxed .order-container .items-container .item .col-xs-3.item-col-img .description { font-size: 1em; line-height: initial; width: auto; padding-left: 0; float: none; padding-top: 0; } .widget-cart .widget-product-thumb .info-block { flex-direction: column; align-content: center; } .widget-cart .widget-container.boxed .order-container .items-container .item .row .item-col-name.cart-variant-info { left: 110px; bottom: 105px; } .widget-cart .widget-container.boxed .order-container .items-container .item .row .shipping-country { line-height: initial; position: relative; right: unset; padding-left: 0; } .widget-cart .widget-container.boxed .order-container .items-container .item .row { flex-wrap: wrap; } .widget-cart .widget-container.boxed .order-container .items-container .item .cart-input-quantity { line-height: initial; margin: 0 !important; padding-left: 100px !important; } .widget-cart .widget-container.boxed .order-container .items-container .item .cart-input-quantity .cart-item-label { top: 0; top: 0; line-height: 50px; min-width: 50px; } .widget-cart .widget-container.boxed .order-container .items-container .item .row .cart-unitPrice.cart-unit-price { position: relative; left: 100px; bottom: unset; margin-top: 0!important; } .widget-cart .widget-container.boxed .order-container .items-container .item .row .cart-unitPrice-and-input { width: calc(100% - 100px); padding-right: 0; } .widget-cart .widget-container.boxed .order-container .items-container .item .cart-input-quantity input { height: 40px; border-radius: 40px; min-width: 65px; padding-left: 10px; font-weight: 700; float: none; margin-left: calc(100% - 15px); } .widget-cart .widget-container.boxed .order-container .items-container .item .row .cart-unitPrice-and-input + .item-col-text.text-right { margin: 0; margin-left: 100px; } .widget-cart .widget-container.boxed .order-container .items-container .item .cart-total-item { line-height: initial; width: calc(100vw - 140px)!important; margin-top: 5px!important; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 24px; } #confirmation-modal .modal-dialog { margin-left: 5%; } .widget-credit-card .form-control { margin-bottom: 0!important; } .widget-credit-card .credit-card-accepted { display: flex; align-items: center; gap: 5px; float: left; } .widget-credit-card .tos-clicker { display: inline-block; white-space: nowrap; float: none; } .mobile-accepted-container { font-size: .75em; line-height: .7em; } .mobile-accepted-container label { display: inline-block; } .mobile-accepted-container input { display: inline-block; float: left; margin: -3px 5px 10px 0!important; } .widget-product-comparator.display-type-button .btn.btn-default.toggle { width: 100%; margin-top: 10px; } header .menu-wrap .nav.navbar-nav.nav-frontend_navbar_anonymous.menu-template-mega, header .menu-wrap .nav.navbar-nav.nav-frontend_navbar_anonymous.menu-template-default, header .access-cart-wrap { display: inherit; } .nav.navbar-nav.menu-template-mega ul.dropdown-menu, .nav.navbar-nav.menu-template-mega li:hover ul.dropdown-menu { display:none !important; } #body.user_type_buyer header .access-cart-wrap .ask a, #body.user_type_buyer header .access-cart-wrap .bulk a { font-size: 1.4em; margin-right: 8px; padding-right: 0; } .user_type_anonymous header .header-content { display: inherit; } .user_type_anonymous header .access-wrap #user-lang-menu { justify-content: right; } .user_type_anonymous header .access-wrap { width: 100%; float: left; } .user_type_anonymous header .searchbar-wrap { float: none; } .user_type_seller header .header-content .notification-wrap { position: initial; } .language-manager.dropdown.open .dropdown-menu { position: absolute; background: #000; } .language-manager.dropdown.open .dropdown-menu li a { border: 0; } .user_type_seller header .menu-wrap { display: none; } .user_type_seller header .notification-wrap { float: right; margin-right: 30px; } .user_type_seller header .brand-wrap .hidden-nav { position: absolute; right: 0; top: 15px; } /* header .brand-wrap { float: left; margin: 0; height: auto; } */ header .menu-wrap { float: right; padding-top: 10px; } header .login-menu a, header .register-menu a { padding: 15px !important; } .user_type_buyer header .notification-wrap { float: inherit; text-align: right; width: 100%; } .user_type_buyer .access-cart-wrap { position: relative!important; right: 0!important; text-align: center; margin: 0 0 0 auto!important; width: auto; margin-left: auto; align-items: end; } .user_type_buyer header .access-wrap .navbar-toggle, .user_type_buyer header .cart-wrap .cart-menu a.link { height: auto; padding: 0; margin: 0; float: left; position: inherit; width: inherit; } .user_type_buyer header .cart-wrap #cart-menu-dropdown { position: inherit; } .user_type_buyer header .brand-wrap .hidden-nav { display: none; } .user_type_buyer header .menu-wrap .hidden-nav { top: 12px; right: 75px; position: absolute; } header .header-content { // display: inherit; display: flex!important; max-width: 100%; padding: 5px 10px; } header .searchbar-wrap { padding: 0px; } /* .user_type_buyer header .brand-wrap img { height: auto; position: absolute; width: auto; margin: 0; } */ header .searchbar-wrap { float: right; } header .searchbar-wrap .hidden-nav .search-box .input-group { padding-left: 0; } header .searchbar-wrap .hidden-nav .search-box .get-full-search { padding-left: 10px; padding-right: 10px; } header .searchbar-wrap .hidden-nav .search-box .get-full-search:hover, header .searchbar-wrap .hidden-nav .search-box .get-full-search:focus, header .searchbar-wrap .hidden-nav .search-box .get-full-search:active { background: none; border: none; color: #fff; } header .searchbar-wrap .hidden-nav .search-box .get-full-search .fa.fa-search { font-size: 20px; } header .searchbar-wrap .search-full { display: flex; align-items: center; top: 100%; background: #000; } header .searchbar-wrap .search-full form .search-input-box { width: auto; margin: 10px; padding: 0px 10px; } #body.user_type_buyer header .access-cart-wrap .cart-wrap { margin: 0 4px; padding-right: 0; } .user_type_buyer header .access-wrap { position: inherit; } .user_type_buyer header .cart-wrap { float: none; } header .cart-wrap .cart-menu a.link .fa, #body.user_type_buyer header .login-container > a .fa { width: 18px; height: 18px; } .user_type_buyer header .cart-wrap #cart-menu-dropdown { position: inherit; } .user_type_buyer header .cart-wrap .cart-menu a.link .fa { font-size: 20px; margin: 0; } header .menu-wrap .navbar-collapse.in, header .menu-wrap .navbar-collapse.collapsing { top: 100%; background: #000; width: 100%; } .widget-cart-info.dropdown-menu { top: 32px!important; left: auto; right: 0; } header .access-wrap #sidebar { top: 100%; left: 0; } header .access-wrap #sidebar li { text-align: left; } header .notification-wrap #navbar-notification { position: inherit; } header .notification-wrap #navbar-notification .dropdown-menu { top: 100%; left: 0; right: 0; } header .notification-wrap #navbar-notification .navbar-notification li.dropdown { position: inherit; } .user_type_buyer header .cart-wrap .cart-menu a.link .cart-content { display: block; margin-left: 10px; } header .header-buyer .language-manager.dropdown { position: absolute; top: 25px; right: 140px; } .user_type_anonymous header .access-wrap #user-lang-menu .language-manager .dropdown-menu { position: absolute; } } /*-------------------------------------------------------------------------------------------------------- HOMEPAGE --------------------------------------------------------------------------------------------------------*/ @media screen and (max-width: 373px) { .carousel-indicators { bottom: 0; } } @media screen and (max-width: 500px) { .widget-block-banner-slider .item .item-description { width: 80%; } } @media screen and (max-width: 767px) { .carousel-control .icon-prev, .carousel-control .icon-next { border: none; } } @media screen and (max-width: 900px) { #widget-block-advantages .items-list, #widget-block-register .items-list { flex-direction: column; } #widget-block-advantages .items-list .item .widget-block-text { padding: 0 40px; } #widget-block-advantages .items-list .item { margin-bottom: 60px; } #widget-block-advantages .items-list .item:last-child { margin-bottom: 0; } } @media screen and (max-width: 992px) { .widget-block-banner-three-part .part.part1 { width: 100%; } .widget-block-banner-three-part .part.part1 a { background-size: auto; background-position: bottom; position: relative; } .widget-block-banner-three-part .part.part1 a .text { width: 100%; position: absolute; bottom: 0; top: auto; } .widget-block-banner-three-part .col-md-3 { width: 100%; } } @media screen and (max-width: 1200px) { #widget-block-register .items-list, #widget-block-advantages .items-list, #widget-block-categories .items-list, .widget-block-grid-carousel .item, .widget-block-grid-carousel .grid-carousel { max-width: 90%; } } /*----------------------------------------------------------------------------------------------------- PRODUCT BOX ------------------------------------------------------------------------------------------------------*/ @media screen and (max-width: 768px) { .widget-search.widget-search-product .list-result-container .filter { width: 100% !important; margin-bottom: 20px !important; } .widget-search .list-result { padding-left: 0 !important; } } /*------------------------------------------------------------------------------------------------- PRODUCT INFO PAGE ------------------------------------------------------------------------------------------------*/ @media screen and (max-width: 768px) { .widget-product .product-image #gallery { display: flex; flex-direction: column-reverse; } .widget-product .product-content .product-image .first { width: 100%!important; padding: 20px; } .widget-product .product-content .product-image .miniature { display: none /* float: none; max-width: inherit; width: calc(100% - 40px) !important; display: flex; justify-content: space-evenly; margin-right: auto; margin-left: auto; column-gap: 15px; */ } .product-info .product-info-header { margin-bottom: 20px; } .widget-product .product-info .product-properties .table tbody tr td { width: 50% !important; padding: 10px !important; } .product-info #form-product-cart .widget-select-option .table tbody .variant-input input { margin-left: 0; } .widget-product .widget-select-option .variant-price .price .price-current { padding: 0; } .widget-nav-profile .nav.navbar-nav { flex-direction: row !important; justify-content: center; } .widget-product .product-image .first img.picture { border-radius: 15px; } .product-content .product-image #gallery .miniature img { width: initial; height: initial; border-radius: 10px; } } /*---------------------------------------------------------------------------------------------------------- ABOUT-US -----------------------------------------------------------------------------------------------------------*/ @media screen and (max-width: 899px) { .our-team-card.boxed .row { flex-direction: column; } .our-team-card-name { text-align: center; margin-top: 30px; } .our-team-card-job { text-align: center; } .our-team-card-text { text-align: justify; } .our-team-card-social { display: flex; justify-content: space-evenly; } .our-team-card-social a { margin: 0; } .our-team-card-image { margin-right: 0; } .our-team-card.boxed { width: 90%; } .our-company-text { text-align: justify; } } @media screen and (max-width: 768px) { .our-team-card-name h2 { font-size: 28px; } } /*---------------------------------------------------------------------------------------------------------- FOOTER -----------------------------------------------------------------------------------------------------------*/ @media screen and (max-width: 768px) { footer .container { padding: 80px 20px 30px; text-align: center; } .footer-bottom .pull-left.footer-left, .footer-bottom .pull-right.footer-right { padding-top: 12px; float: none !important; } .default-footer { margin-bottom: 20px; } } /*---------------------------------------------------------------------------------------------------------- AJUSTEMENTS -----------------------------------------------------------------------------------------------------------*/ @media screen and (max-width: 480px) { .form-product .navbar .navbar-form li { width: 100%; } .row-submit .btn { width: 100%; margin-bottom: 5px; } .widget-nav-profile .seller-profile__nav-mobile { overflow: scroll; justify-content: inherit !important; scrollbar-width: none; } .widget-nav-profile .seller-profile__nav-mobile::-webkit-scrollbar { display: none; } .accordion.boxed { padding: 0 20px; } .accordion.boxed .card-header button { font-size: 23px; } .page-404 h1 { font-size: 100px; margin-bottom: 40px; } } @media only screen and (max-width: 630px) { #content .pull-left:nth-child(4), #content .pull-right:nth-child(5), #content .pull-right:nth-child(5) .btn { width: 100%; } } /* tablet, landscape iPad, lo-res laptops ands desktops */ @media screen and (max-width: 900px) { .btn-group.btn-group-create-contract.open { position: inherit; } .btn-group.btn-group-create-contract.open .dropdown-menu { position: absolute; top: 2px; left: 130px; } .btn-group.btn-group-create-contract.open .dropdown-menu li a { padding: 4px; } #product-delivery-form .row.well:first-child { display: none; } html[lang="fr"] #product-delivery-form .form-group .col-md-4 .field-text::before { content: "Poids brut (Kg/Variante)"; } html[lang="fr"] #product-delivery-form .form-group .col-md-2:nth-child(2) .field-text::before { content: "Hauteur (cm)"; } html[lang="fr"] #product-delivery-form .form-group .col-md-2:nth-child(3) .field-text::before { content: "Largeur (cm)"; } html[lang="fr"] #product-delivery-form .form-group .col-md-2:nth-child(4) .field-text::before { content: "Profondeur (cm)"; } html[lang="en"] #product-delivery-form .form-group .col-md-4 .field-text::before { content: "Gross weight (Kg/Variant)"; } html[lang="en"] #product-delivery-form .form-group .col-md-2:nth-child(2) .field-text::before { content: "Height (cm)"; } html[lang="en"] #product-delivery-form .form-group .col-md-2:nth-child(3) .field-text::before { content: "Width (cm)"; } html[lang="en"] #product-delivery-form .form-group .col-md-2:nth-child(4) .field-text::before { content: "Depth (cm)"; } .widget-product .add-to-tender.open .dropdown-menu { width: 100%; } .widget-action.widget-search-header.is-mobile, { display: none; } #product-properties-form .uppler-property-values.collection-container { margin-top: 20px; } .register .col-md-offset-4 { margin-left: 0; } .register .col-md-4 { width: 100%; } .widget-action, .widget-search-action { overflow: scroll; scrollbar-width: none; /* margin-bottom: 40px; */ } .widget-action .btn-group-create-product { white-space: nowrap; } .widget-search-action .search-block form { display: -webkit-inline-box; } .widget-search-action .form-inline .form-group { max-width: unset; width: auto; } .widget-search-action .search-block .form-group label { display: none; } .user-edit-page .row-submit .pull-right { float: none !important; } .user-edit-page .row-submit .btn { width: 100%; margin-bottom: 5px; } .user-edit-page .widget-action .pull-right { display: flex; } /* .shop .widget-action { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.5032213569021359) 100%); } */ .widget-action .pull-left { overflow: scroll; display: flex; justify-content: space-between; scrollbar-width: none; } .widget-action .pull-left::-webkit-scrollbar { display: none; } .widget-action .pull-left a { white-space: nowrap; overflow: visible; } .widget-search-action { position: relative; } .widget-search-action .export-block.pull-right { position: absolute; bottom: 0; } .widget-invoices .widget-search-action .export-block.pull-right { left: 0; } .orders-list .widget-search-action .export-block.pull-right { position: inherit; } .widget-search-action .search-block.pull-right, .widget-search-action .search-block.pull-right select, .widget-search-action .search-block.pull-right input { width: 100%; max-width: inherit; } #dashboard-info-quote-list, #dashboard-info-order-list { overflow: scroll; margin-bottom: 40px; } #dashboard-info-quote-list li, #dashboard-info-order-list li { min-width: 120px; } #dashboard-stat-range-form .form-inline.form-filter, .select2.select2-container { width: 100% !important; } #ui-datepicker-div.ui-datepicker { top: 136px !important; left: 0 !important; right: 0 !important; } .widget-container.widget-order .header .block.block-number { white-space: nowrap; } .widget-order .block .item .option .option-list.field { width: auto !important; } .widget-container.widget-order .order-content .block.block-note { margin-bottom: 20px; } .widget-cart-order .checkoutstart .row { display: flex; } .coupon-block .col-md-6 { width: 50%; } #coupon-code { float: left; } .widget-cart .widget-container.boxed .order-container .items-container .item .item-col-delete .btn-delete-item { margin-top: 20px !important; margin-right: 10px !important; width: 50px !important; } .widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-2 .btn.btn-collapse-items { margin-right: 0; } .widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-2 { width: 45%; } .widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-10 .cart_continous_to { display: none; } .widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-10 .widget-company-thumb .info-block .title { margin: 10px 0 0 0px; } .widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-10 #uppler_shop_cart_orders_0_checkoutStart { margin: 15px 10px 0 0; } .widget-cart .widget-container.boxed .order-container .widget-cart-order .checkoutstart .col-md-10 { width: 55%; padding: 0; } .widget-cart-order .checkoutstart .row { display: flex; } .widget-cart .widget-container.boxed { padding: 0; } .widget-cart .widget-container.boxed .widget-title { margin-top: 20px; } .page-Homepage.seller .widget-container { height: max-content; } .product-form-container .btn-group-vertical { float: none !important; } #product-form #product-form-sidebar { margin-top: 0; } .field-checkbox:not(.text-center) .label-title { float: none; } .form-product #product-category-form .taxon-tree-form .field-checkbox { margin-bottom: 5px; } .widget-nav-profile.hide-header .nav { display: flex !important; overflow: scroll; flex-direction: row !important; scrollbar-width: none; justify-content: space-between; } .product-form-container .btn-group-vertical { margin-left: 0 !important; } #form-product-inventory #variant-inventory-form, #form-product-inventory #filtered-variants-form { overflow-x: auto; } .checkbox.has-sample .field-text { display: flex; } .checkbox.has-sample .field-text input { margin-left: 0; } .wishlist-box-left .header .block-header.editable .col-md-3.text-right { text-align: left; } .row.wishlist-tags { display: none; } .widget-wishlist-order .wishlist-items .item { padding: 10px; position: relative; } .widget-wishlist-order .wishlist-items .item .row .wishlist-unitPrice-and-input .col-xs-1, .widget-wishlist-order .wishlist-items .item .row .col-xs-2 { width: 100%; text-align: left; } .widget-wishlist-order .wishlist-items .item .row .item-col-delete.pull-right { position: absolute; right: 0; } .widget-wishlist-order .wishlist-items .item .row .item-col-delete.pull-right .btn.btn-danger.btn-notext { width: 55px !important; } .widget-wishlist-order .wishlist-items .item .row .wishlist-unitPrice-and-input .col-xs-1 input { width: 65px; } .messages-global .pull-left { width: 100%; } .widget-search-action.widget-search-action-message .search-block.pull-right { float: none !important; } .widget-search-action.widget-search-action-message .search-block.pull-right ul li { margin-top: 20px; } .widget-search-action.widget-search-action-message .search-block.pull-right ul li:nth-child(2) { float: left !important; width: 80%; margin-left: 0; } .pull-left .new-message { width: 100% !important; margin-bottom: 10px; } #form-thread .row-submit .btn { width: 100%; margin-bottom: 10px; } #confirmation-modal .modal-dialog { width: 90%; } .widget-action .btn { white-space: nowrap; overflow: visible; } .widget-action::-webkit-scrollbar { display: none; } .widget-container.widget-comment .widget-title { line-height: inherit !important; } .widget-cart .widget-container.boxed .order-container .items-container .item .col-xs-3.item-col-img .info-block a { padding-right: 50px; } .page-Homepage.seller h1 { font-size: 30px; margin-top: 30px; line-height: 46px; } .page-Homepage.seller h2.more-title { font-size: 24px; margin: 30px 0 20px; } .form-product .btn-submit, .form-product .btn-cancel { white-space: nowrap; width: 100%; padding: 14px 30px; margin-bottom: 15px; margin-right: 5px; } #filtered-variants-form { overflow: scroll; } #filtered-variants-form input { width: initial; } .tenders-list .container-global { padding-top: 20px !important; } .widget-action.widget-search-header .pull-right.search-filter-tags, .widget-action.widget-search-header .pull-right.search-list-choice .btn-group.radio, .widget-action.widget-search-header .pull-left { height: inherit; } .accordion.boxed .card-body-3 { padding: 0; } .dynamic-entity-box { width: 100%; margin: 0 0 36px; } .dynamic-view .image img, .dynamic-view .image2 img, .dynamic-view .image3 img, .dynamic-view .image4 img { max-width: 100%; } .blog-show .value { text-align: justify; } .dynamic-blog h1 { margin-left: 0; padding-left: 0; } .dynamic-entity-list-filters { padding: 20px 0; } .dynamic-view #content .blog-show { padding: 50px 20px; } .dynamic-view iframe { width: 100%; } .widget-cart .widget-container.boxed .order-container .items-container .item .row .item-col-delete { position: inherit; } .widget-cart .widget-container.boxed .order-container .items-container .item .row .cart-item-label { display: block; } .widget-cart .widget-container.boxed .order-container .items-container .item .row .col-xs-1.item-col-text.text-right.cart-unitPrice.cart-unit-price, .widget-cart .widget-container.boxed .order-container .items-container .item .row .cart-input-quantity, .widget-cart .widget-container.boxed .order-container .items-container .item .row .item-col-text.text-right, .widget-cart .widget-container.boxed .order-container .items-container .item .row .item-col-text.text-right .cart-totalItem.cart-total-item { width: 100%; display: flex; justify-content: space-between; margin-top: 15px; align-items: center; } header .navbar-nav>li>a { padding: 20px 10px; } header .header-content { display: inherit; } header .menu-wrap .nav.navbar-nav.nav-frontend_navbar_anonymous.menu-template-mega, header .menu-wrap .nav.navbar-nav.nav-frontend_navbar_anonymous.menu-template-default, header .access-cart-wrap { display: inherit; } .order-show-page .order-container .order-content .item-total .widget-order__product-variant-mobile:first-child { display: flex; align-items: center; } .order-show-page .order-container .order-content .item-total .variant:first-child .total { margin: 0; } } @media (min-width: 768px) and (max-width: 991px) { .user_type_seller header .hidden-nav { display: initial; } .user_type_seller header .notification-wrap { margin-right: 30px; } .user_type_seller header .brand-wrap .hidden-nav { position: absolute; right: 0; top: 15px; } .user_type_seller header .menu-wrap .navbar-toggle { display: none; } } @media (min-width: 500px) and (max-width: 767px) { .results-list .item-product-box { width: 50%; float: left; } } @media only screen and (max-width: 767px) { #product-form #promotion .btn.btn-success { width: 100%; } .widget-search.widget-search-product .list-result-container .filter { display: none; } #product-form #promotion .btn.btn-success { margin-bottom: 5px; } .widget-dispute form[name="order-dispute-form"] thead { display: none; } .widget-dispute form[name="order-dispute-form"] tbody tr { display: flex; flex-direction: column; } .widget-dispute form[name="order-dispute-form"] .dispute-container { width: 100%; } .widget-dispute form[name="order-dispute-form"] .dispute-container .field { text-align: left; } .widget-dispute form[name="order-dispute-form"] tbody .row .col-md-2:nth-child(2) { display: flex; justify-content: space-between; } .widget-dispute form[name="order-dispute-form"] tbody .row .col-md-2:nth-child(2) .field-text { width: 80px; } .widget-dispute form[name="order-dispute-form"] tbody .row .vertical-alignment::before, .widget-dispute form[name="order-dispute-form"] tbody .row .col-md-2:nth-child(2)::before { font-weight: bold; float: left; } html[lang="fr"] .widget-dispute form[name="order-dispute-form"] tbody .row .col-md-2:nth-child(2)::before { content: "Quantité en litige :"; } html[lang="fr"] .widget-dispute form[name="order-dispute-form"] tbody .row .vertical-alignment:nth-child(3)::before { content: "Quantité de la commande :"; } html[lang="fr"] .widget-dispute form[name="order-dispute-form"] tbody .row .vertical-alignment:nth-child(4)::before { content: "Prix unitaire H.T :"; } html[lang="fr"] .widget-dispute form[name="order-dispute-form"] tbody .row .vertical-alignment:nth-child(5)::before { content: "Total :"; } html[lang="en"] .widget-dispute form[name="order-dispute-form"] tbody .row .col-md-2:nth-child(2)::before { content: "Dispute Quantity :"; } html[lang="en"] .widget-dispute form[name="order-dispute-form"] tbody .row .vertical-alignment:nth-child(3)::before { content: "Order Quantity :"; } html[lang="en"] .widget-dispute form[name="order-dispute-form"] tbody .row .vertical-alignment:nth-child(4)::before { content: "Unit price :"; } html[lang="en"] .widget-dispute form[name="order-dispute-form"] tbody .row .vertical-alignment:nth-child(5)::before { content: "Total excl tax :"; } #form-product-properties #product-properties-form .input-group { display: flex; flex-direction: column; } #form-product-properties #product-properties-form .input-group .input-group-addon, #form-product-properties #product-properties-form .input-group .autocomplete-property { width: 100%; border-radius: 5px; } } @media (min-width: 767px) and (max-width: 900px) { .product-info #form-product-cart .widget-select-option .table tbody .variant-row { display: flex; flex-direction: column; } .product-info #form-product-cart .widget-select-option .table tbody .variant-input input { margin-left: 0; } .widget-nav-profile .nav.navbar-nav li.nav-btn.pull-right .btn-invite { max-width: 50px; overflow: hidden; text-align: left; justify-content: left; min-width: inherit; } .widget-nav-profile .nav.navbar-nav li.nav-btn.pull-right .btn.btn-invite .fa { margin: 0px 20px 0 5px; } header .header-buyer .language-manager.dropdown { padding: 30px 0 0 10px; } header .access-wrap, .user_type_buyer header .access-wrap .navbar-toggle, .user_type_buyer header .cart-wrap .cart-menu a.link { position: inherit; } header .access-wrap #sidebar { display: none; left: 0px; right: 0px; top: 100%; min-height: auto; } } @media only screen and (max-width: 855px) { .product-add-to-comparator .search-product-comparator { width: 100% !important; } } @media (min-width: 914px) and (max-width: 953px) { .widget-block-title { margin: 0px 20px 25px 0; } } @media (min-width: 901px) and (max-width: 991px) { .product-form-container .btn-group-vertical { float: none !important; } } /* big landscape tablets, laptops, and desktops */ @media only screen and (max-width: 1025px) { header .access-wrap .navbar-toggle .fa { display: block; } header .access-wrap .navbar-toggle .account-text, .user_type_buyer header .cart-wrap .cart-menu a.link .cart-content { display: none; } header .searchbar-wrap { padding: 0 5px; } header .access-wrap .navbar-toggle, header .cart-wrap .cart-menu a.link { padding: 17px 17px; } } @media only screen and (max-width: 1175px) { .product-comparator-wrapper .product-add-to-comparator .search-container.pull-left { margin-top: 50px; margin-bottom: 30px; width: 100%; } .product-comparator-wrapper .product-add-to-comparator .form-label { margin: 15px 15px 15px 0; } .product-add-to-comparator .search-product-comparator { width: 50%; } .product-comparator-wrapper .delete-action-form { position: absolute; left: 10px; top: 2px; } } /* ========================= */ /* :: 3.0 COMMON CSS */ /* ========================= */ html #body.page-cms-homepage , #body.page-cms-homepage { scroll-behavior: smooth; } #body.page-cms-homepage body { color: #000; font-size: 16px; font-family: 'Montserrat'; font-weight: 400; line-height: normal; background-color: #fff; text-rendering: optimizeLegibility; /* overflow-x: hidden; */ } #body.page-cms-homepage p, #body.page-cms-homepage h1, #body.page-cms-homepage h2, #body.page-cms-homepage h3, #body.page-cms-homepage h4, #body.page-cms-homepage h5, #body.page-cms-homepage h6 { margin: 0; padding: 0; } #body.page-cms-homepage section, #body.page-cms-homepage .section { position: relative; } #body.page-cms-homepage .container { width: 100%; margin: 0 auto; padding: 0 16px; } #body.page-cms-homepage a, #body.page-cms-homepage button { outline: none; box-shadow: none; text-decoration: none; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #body.page-cms-homepage button { padding: 0; border: none; background: unset; } #body.page-cms-homepage ol, #body.page-cms-homepage ul { margin: 0; padding: 0; } #body.page-cms-homepage ol li, #body.page-cms-homepage ul li { list-style: none; } #body.page-cms-homepage img { height: auto; max-width: 100%; object-fit: cover; } #body.page-cms-homepage input, #body.page-cms-homepage input:focus, #body.page-cms-homepage input:focus-visible, #body.page-cms-homepage input:active, #body.page-cms-homepage select, #body.page-cms-homepage .form-select, #body.page-cms-homepage .form-select:focus, #body.page-cms-homepage textarea { outline: none; box-shadow: none; } #body.page-cms-homepage * + address, #body.page-cms-homepage * + dl, #body.page-cms-homepage * + fieldset, #body.page-cms-homepage * + figure, #body.page-cms-homepage * + ol, #body.page-cms-homepage * + p, #body.page-cms-homepage * + pre, #body.page-cms-homepage * + ul { margin: 0; padding: 0; } #body.page-cms-homepage *::-moz-selection { background: #c5a17f; color: #fff; text-shadow: none; } #body.page-cms-homepage ::-moz-selection { background: #c5a17f; color: #fff; text-shadow: none; } #body.page-cms-homepage ::selection { background: #c5a17f; color: #fff; text-shadow: none; } #body.page-cms-homepage *::-moz-placeholder { color: #000; font-size: 16px; opacity: 1; } #body.page-cms-homepage *::placeholder { color: #000; font-size: 16px; opacity: 1; } /* Reusable Classes Start */ #body.page-cms-homepage .btn { min-width: 225px; padding: 16px 40px; color: #013927; font-size: 16px; font-weight: 700; letter-spacing: 5%; border-radius: 100px; display: inline-flex; justify-content: center; align-items: center; background-color: #cae6d5; border: 2px solid #cae6d5; transition: all 0.3s ease-in-out; position: relative; } #body.page-cms-homepage .btn:hover { background-color: transparent; border: 2px solid #cae6d5; color: #fff; } #body.page-cms-homepage .btn--line::after { content: ""; width: 30px; height: 2px; position: absolute; right: -15px; top: 50%; transform: translateY(-50%); border-radius: 116px; background-color: #c5a17f; } #body.page-cms-homepage .fs-1, #body.page-cms-homepage .fs-2 { font-size: 28px !important; line-height: 1.1; } #body.page-cms-homepage .fs-3 { font-size: 24px !important; line-height: 1.1; } #body.page-cms-homepage .text-primary { color: #063927!important; } #body.page-cms-homepage .text-secondary { color: #c5a17f !important; } #body.page-cms-homepage .bg-primary { background-color: #013927 !important; } #body.page-cms-homepage .transition { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #body.page-cms-homepage .container__inner { max-width: 1436px; } /* Reusable Classes End */ /* PreLoader Start */ #body.page-cms-homepage .preloader { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 99999; } #body.page-cms-homepage .preloader span { font-weight: 800; color: #fff; text-transform: uppercase; overflow-x: hidden; } #body.page-cms-homepage .site-name { background-color: #000; } #body.page-cms-homepage .preloader-gutters { background-color: transparent; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: flex; } #body.page-cms-homepage .preloader-overlay { background-color: #063927; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; transform: translateX(-100%); } #body.page-cms-homepage .site-name { width: 100%; height: 100%; text-align: center; align-content: center; position: absolute; top: 0; z-index: 1; left: 0; } #body.page-cms-homepage .site-logo img { width: clamp(144px, 27.5%, 528px); } #body.page-cms-homepage .preloader-gutters .bar { width: 12.5%; height: 100%; background: transparent; position: relative; } #body.page-cms-homepage .preloader-gutters .inner-bar { position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #063927; } /* #body.page-cms-homepage .preloaderActive > :not(.preloader) { display: none; opacity: 0; visibility: hidden; transition: opacity 0.8s ease, visibility 0.8s ease; } */ /* #body.page-cms-homepage .preloader ~ * { display: none; opacity: 0; visibility: hidden; transition: opacity 0.8s ease, visibility 0.8s ease; } #body.page-cms-homepage .preloader.preloader-deactive ~ * { display: block !important; opacity: 1; visibility: visible; } */ #body.page-cms-homepage .main { max-height: 100vh; overflow: hidden; } #body.page-cms-homepage .footer--area { display: none; } #body.page-cms-homepage .preloader.preloader-deactive ~ .main { max-height: inherit; overflow: visible; } #body.page-cms-homepage .preloader.preloader-deactive ~ .footer--area { display: block; } /* PreLoader End */ /* =============================== */ /* :: 4.0 Header Area CSS Start */ /* =============================== */ /* There are nothing about Header in Design File */ /* =============================== */ /* :: 4.0 Header Area CSS End */ /* =============================== */ /* =============================== */ /* :: 5.0 Hero Section CSS Start */ /* =============================== */ #body.page-cms-homepage .section-cover { background-color: #013927; position: relative; z-index: 111; } #body.page-cms-homepage .hero--section { width: 100%; aspect-ratio: 16 / 9; position: relative; } #body.page-cms-homepage .hero--section::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 18%; background: linear-gradient( to bottom, #01392700 0%, #013927 85%, #013927 100% ); z-index: 1; margin-bottom: -1%; } #body.page-cms-homepage .hero__wrapper { width: 100%; position: relative; height: 100%; } /* =============================== */ /* :: 5.0 Hero Section CSS End */ /* =============================== */ /* ====================================== */ /* :: 6.0 Revolutionary Section CSS Start */ /* ====================================== */ #body.page-cms-homepage .revolutionary--section { padding: 48px 0 16px; position: relative; } #body.page-cms-homepage .revolutionary__tab { max-width: 1256px; } #body.page-cms-homepage .revolutionary__nav { max-width: 1112px; } #body.page-cms-homepage .revolutionary .nav-tabs, #body.page-cms-homepage .revolutionary .nav-tabs .nav-link { border: none; background-color: transparent; } #body.page-cms-homepage .revolutionary .nav-tabs { border-bottom: 1px solid rgba(197, 161, 127, 0.3); } #body.page-cms-homepage .revolutionary .nav-tabs .nav-link { color: #fff; padding: 8px; position: relative; } #body.page-cms-homepage .revolutionary .nav-link.active, #body.page-cms-homepage .revolutionary .nav-link:hover { color: #c5a17f; } #body.page-cms-homepage .revolutionary .nav-link:hover::after, #body.page-cms-homepage .revolutionary .nav-link::after { content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; border-radius: 4px; background-color: #c5a17f; transition: all 0.3s ease-in-out; } #body.page-cms-homepage .revolutionary .nav-link:hover::after, #body.page-cms-homepage .revolutionary .nav-link.active::after { left: 0; width: 100%; } #body.page-cms-homepage .revolutionary__thumb { height: 300px; max-width: 580px; padding: 16px; } #body.page-cms-homepage .revolutionary__thumb::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 75%; background: linear-gradient(to top, #013927 0%, #01392700 100%); border-radius: 0 0 16px 16px; z-index: 1; } #body.page-cms-homepage .revolutionary__thumb__img { width: 100%; height: 100%; top: 0; right: 0; border-radius: 16px; } #body.page-cms-homepage .revolutionary__thumb__content { position: relative; z-index: 2; } #body.page-cms-homepage .revolutionary__prduct__number, #body.page-cms-homepage .revolutionary__prduct__title { font-size: 16px; letter-spacing: 15%; } #body.page-cms-homepage .revolutionary__dots { margin-bottom: -12px; margin-left: -12px; height: 38%; } #body.page-cms-homepage .revolutionary__list { gap: 16px; } #body.page-cms-homepage .revolutionary .list-dot { margin-top: 10px; } #body.page-cms-homepage .revolutionary__btns { gap: 16px; } /* ====================================== */ /* :: 6.0 Revolutionary Section CSS End */ /* ====================================== */ /* =============================== */ /* :: 7.0 Exclusive Section CSS Start */ /* =============================== */ #body.page-cms-homepage .exclusive__wrpper { max-width: 1304px; } #body.page-cms-homepage .exclusive .nav-tabs { gap: 8px 16px; } #body.page-cms-homepage .exclusive .nav-tabs, #body.page-cms-homepage .exclusive .nav-tabs .nav-link { border: none; background-color: transparent; } #body.page-cms-homepage .exclusive .nav-link { color: #fff; padding: 8px 0; position: relative; z-index: 1; } #body.page-cms-homepage .exclusive .nav-link.active, #body.page-cms-homepage .exclusive .nav-link:hover { color: #c5a17f; } #body.page-cms-homepage .exclusive .nav-link:hover::after, #body.page-cms-homepage .exclusive .nav-link::after { content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; border-radius: 4px; background-color: #c5a17f; transition: all 0.3s ease-in-out; } #body.page-cms-homepage .exclusive .nav-link:hover::after, #body.page-cms-homepage .exclusive .nav-link.active::after { left: 0; width: 100%; } #body.page-cms-homepage .exclusive__tab__content { padding: 0 16px; max-width: 790px; } #body.page-cms-homepage .row--exclusive__content::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; height: 90%; border: 2px solid #c5a17f; } #body.page-cms-homepage .exclusive__item { border-radius: 16px; } #body.page-cms-homepage .v-logo { max-width: 40%; margin-top: -7%; } #body.page-cms-homepage .dots-obj { max-height: 60%; } #body.page-cms-homepage .site-lg-bg { position: absolute; top: 0; left: 50%; margin-top: 5%; width: 100%; z-index: -1; transform: translateX(-50%); } #body.page-cms-homepage .site-lg-bg::after { content: ""; position: absolute; bottom: -2%; left: 0; width: 100%; height: 38%; background: linear-gradient( 180deg, rgba(202, 230, 213, 0) 0%, rgba(202, 230, 213, 0.15) 20%, #013927 40% ); } #body.page-cms-homepage .site-lg-bg img { width: 100%; opacity: 0.25; mix-blend-mode: luminosity; } /* =============================== */ /* :: 7.0 Exclusive Section CSS End */ /* =============================== */ /* =============================== */ /* :: 8.0 B2B Section CSS Start */ /* =============================== */ #body.page-cms-homepage .b2b__wrapper { padding: 32px 16px 40px; } #body.page-cms-homepage .b2b__wrapper::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; border-radius: 16px; z-index: -1; } #body.page-cms-homepage .b2b--section .section__para { font-size: 20px; letter-spacing: 10%; } #body.page-cms-homepage .b2b__content { max-width: 1260px; margin: auto; } #body.page-cms-homepage .b2b__card { height: 100%; padding: 16px 16px 64px; border-radius: 12px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5); } #body.page-cms-homepage .b2b__card__title, #body.page-cms-homepage .b2b__card__list__item { font-size: 16px; line-height: 1.9; } #body.page-cms-homepage .b2b__card__title span { text-transform: none; font-size: 11px; } #body.page-cms-homepage .list-dot { width: 3px; height: 3px; border-radius: 50%; background-color: #fff; margin-top: 14px; margin-right: 12px; } #body.page-cms-homepage .b2b__obj__img { bottom: -12px; right: -12px; z-index: -1; max-width: 144px; } #body.page-cms-homepage .b2b__card--two .b2b__obj__img { max-width: 96px; } #body.page-cms-homepage .b2b__card--three .b2b__obj__img { max-width: 92px; } #body.page-cms-homepage .b2b__card--four .b2b__obj__img { max-width: 72px; } #body.page-cms-homepage .b2b__card--five .b2b__obj__img { max-width: 92px; } /* =============================== */ /* :: 8.0 B2B Section CSS End */ /* =============================== */ /* =============================== */ /* :: 9.0 Footer Area CSS Start */ /* =============================== */ #body.page-cms-homepage .footer--area { padding: 32px 0; } #body.page-cms-homepage .footer__logo { max-width: 192px; margin: 48px 0; } #body.page-cms-homepage .widget__title { font-size: 15px; letter-spacing: 1px; } #body.page-cms-homepage .footer p, #body.page-cms-homepage .footer__contact a { font-size: 15px; color: #fff; } #body.page-cms-homepage .footer__contact a:hover { color: #c5a17f; } #body.page-cms-homepage .footer__social__link:hover img { filter: brightness(0) invert(1); } #body.page-cms-homepage .footer__ul { gap: 10px; } #body.page-cms-homepage .footer__nav__link { color: #fff; } #body.page-cms-homepage .footer__nav__link:hover { color: #c5a17f; } /* =============================== */ /* :: 9.0 Footer Area CSS End */ /* =============================== */ /* Small Device :550px. */ @media only screen and (min-width: 576px) { #body.page-cms-homepage .container { width: 540px; padding: 0 12px; } #body.page-cms-homepage .revolutionary__thumb { height: 400px; padding: 24px; } #body.page-cms-homepage .exclusive__tab__content { padding: 0 44px; } #body.page-cms-homepage .exclusive__item { border-radius: 20px; } } /* Medium Device. */ @media only screen and (min-width: 768px) { #body.page-cms-homepage .container { width: 720px; } #body.page-cms-homepage .fs-1, #body.page-cms-homepage .fs-2 { font-size: 40px !important; } #body.page-cms-homepage .fs-3 { font-size: 32px !important; } #body.page-cms-homepage .revolutionary--section { padding: 64px 0 16px; } #body.page-cms-homepage .revolutionary__list__item { font-size: 17px; } #body.page-cms-homepage .revolutionary__prduct__number, #body.page-cms-homepage .revolutionary__prduct__title { font-size: 18px; } #body.page-cms-homepage .exclusive .nav-link { font-size: 18px; } #body.page-cms-homepage .b2b__wrapper::after { height: 76%; } #body.page-cms-homepage .b2b__wrapper::after, #body.page-cms-homepage .b2b__card { border-radius: 24px; } #body.page-cms-homepage .b2b__card { padding: 24px 24px 40px; } #body.page-cms-homepage .b2b__card--two .b2b__obj__img { bottom: auto; top: 12px; right: -16px; } #body.page-cms-homepage .b2b__card--three .b2b__obj__img { right: auto; left: -48px; } #body.page-cms-homepage .b2b__card--four .b2b__obj__img { max-width: 104px; right: auto; left: 44%; } #body.page-cms-homepage .b2b__card--five .b2b__obj__img { max-width: 104px; bottom: auto; top: 44%; right: -72px; } #body.page-cms-homepage .footer__logo { max-width: 272px; margin: 60px 0; } #body.page-cms-homepage .footer__ul { gap: 16px; } #body.page-cms-homepage .footer__nav__item::after { content: ""; width: 3px; height: 3px; border-radius: 50%; background-color: #fff; position: absolute; right: -9px; top: 50%; transform: translateY(-50%); margin-top: 1px; } #body.page-cms-homepage .footer__nav__item:last-child::after { display: none; } #body.page-cms-homepage .footer--area { padding: 40px 0; } } /* LG Device. */ @media only screen and (min-width: 992px) { #body.page-cms-homepage .container { width: 960px; } #body.page-cms-homepage .revolutionary--section { padding: 80px 0 16px; position: relative; } #body.page-cms-homepage .exclusive__tab__btns { padding-left: 20px; border-left: 1px solid rgba(197, 161, 127, 0.3); } #body.page-cms-homepage .exclusive .nav-tabs { gap: 8px; } #body.page-cms-homepage .exclusive .nav-link { font-size: 26px; text-align: start; padding: 16px 0; } #body.page-cms-homepage .exclusive .nav-link.active, #body.page-cms-homepage .exclusive .nav-link:hover { color: #fff; } #body.page-cms-homepage .exclusive .nav-link:hover::after, #body.page-cms-homepage .exclusive .nav-link::after { top: 50%; bottom: auto; left: -22px; width: 3px; height: 0; } #body.page-cms-homepage .exclusive .nav-link:hover::after, #body.page-cms-homepage .exclusive .nav-link.active::after { top: 0; left: -22px; height: 100%; width: 3px; } #body.page-cms-homepage .b2b__wrapper { padding: 56px 24px 24px; } #body.page-cms-homepage .b2b__card { padding: 32px 32px 72px; min-height: 360px; } #body.page-cms-homepage .widget__title { letter-spacing: 2px; } } /* Large Device :992px. */ @media only screen and (min-width: 1200px) { #body.page-cms-homepage .container { width: 1140px; } #body.page-cms-homepage .fs-1, #body.page-cms-homepage .fs-2 { font-size: 52px !important; letter-spacing: -1%; } #body.page-cms-homepage .btn { min-width: 254px; font-size: 18px; letter-spacing: 10%; } #body.page-cms-homepage .hero--section::after { height: 24%; background: linear-gradient( to bottom, #01392700 0%, #013927 92%, #013927 100% ); margin-bottom: 0; } #body.page-cms-homepage .revolutionary .nav-tabs .nav-link { font-size: 18px; padding: 16px 40px; } #body.page-cms-homepage .revolutionary__prduct__number, #body.page-cms-homepage .revolutionary__prduct__title { font-size: 20px; } #body.page-cms-homepage .revolutionary__btns { gap: 20px; } #body.page-cms-homepage .revolutionary__thumb { height: 544px; } #body.page-cms-homepage .revolutionary__thumb::after { display: none; } #body.page-cms-homepage .revolutionary__thumb__img { width: 85%; height: 92%; top: 0; right: 0; border-radius: 24px; } #body.page-cms-homepage .revolutionary__thumb__content { position: absolute; max-width: 184px; left: -28px; bottom: 37%; } #body.page-cms-homepage .revolutionary__prduct__number::before, #body.page-cms-homepage .revolutionary__prduct__number::after { content: ""; position: absolute; top: -16px; left: 0; width: 2px; height: 14px; background-color: #c5a17f; } #body.page-cms-homepage .revolutionary__prduct__number::after { width: 172px; height: 2px; } #body.page-cms-homepage .exclusive__item { border-radius: 32px; } #body.page-cms-homepage .b2b__card { padding: 40px; min-height: 400px; z-index: inherit !important; } #body.page-cms-homepage .b2b__card__title, #body.page-cms-homepage .b2b__card__list__item { font-size: 18px; } #body.page-cms-homepage .list-dot { margin-top: 15px; } #body.page-cms-homepage .b2b__obj__img { bottom: -35px; right: -12px; z-index: 5; max-width: 296px; } #body.page-cms-homepage .b2b__card--two .b2b__obj__img { max-width: 160px; top: 34px; right: -48px; } #body.page-cms-homepage .b2b__card--three .b2b__obj__img { max-width: 204px; right: auto; left: -144px; bottom: -24px; } #body.page-cms-homepage .b2b__card--four .b2b__obj__img { max-width: 212px; left: 34%; bottom: -48px; } #body.page-cms-homepage .b2b__card--five .b2b__obj__img { max-width: 188px; top: 32%; right: -136px; } #body.page-cms-homepage .b2b__card::before, #body.page-cms-homepage .b2b__card::after { content: ""; position: absolute; width: 100px; height: 2px; background-color: #c5a17f; z-index: 3; } #body.page-cms-homepage .b2b__card::after { width: 2px; height: 100%; } #body.page-cms-homepage .b2b__card--one::before { bottom: 13%; width: 60%; left: -18%; } #body.page-cms-homepage .b2b__card--one::after { right: 24px; bottom: 44px; height: 80%; } #body.page-cms-homepage .b2b__card--two::before { left: -50px; width: 96%; top: 9%; } #body.page-cms-homepage .b2b__card--two::after { right: 16px; top: 45%; height: 154%; } #body.page-cms-homepage .b2b__card--three::before { bottom: 28px; left: 15%; width: 124%; } #body.page-cms-homepage .b2b__card--three::after { left: -18%; top: -19%; height: 80%; } #body.page-cms-homepage .b2b__card--four::before { bottom: 7%; right: 4%; } #body.page-cms-homepage .b2b__card--four::after, #body.page-cms-homepage .b2b__card--five::before { display: none; } #body.page-cms-homepage .b2b__card--five::after { right: -10%; top: 6%; height: 30%; } #body.page-cms-homepage .b2b__wrapper::after, #body.page-cms-homepage .b2b__card { border-radius: 32px; } #body.page-cms-homepage .footer__logo { max-width: 360px; margin: 80px 0; } } /* XL Device :1280px. */ @media only screen and (min-width: 1400px) { #body.page-cms-homepage .container { width: 1320px; } #body.page-cms-homepage .fs-1, #body.page-cms-homepage .fs-2 { font-size: 64px !important; } #body.page-cms-homepage .revolutionary__content { padding-left: 32px; } #body.page-cms-homepage .revolutionary__thumb__img { border-radius: 32px; } #body.page-cms-homepage .revolutionary__dots { margin-left: 10px; } #body.page-cms-homepage .exclusive__tab__btns { padding-left: 32px; border-left: 2px solid rgba(197, 161, 127, 0.3); } #body.page-cms-homepage .exclusive .nav-link:hover::after, #body.page-cms-homepage .exclusive .nav-link::after, #body.page-cms-homepage .exclusive .nav-link:hover::after, #body.page-cms-homepage .exclusive .nav-link.active::after { left: -35px; width: 4px; } #body.page-cms-homepage .exclusive__tab__content { padding: 0; padding-left: 70px; } #body.page-cms-homepage .b2b__wrapper { padding: 72px 24px 24px; } #body.page-cms-homepage .b2b__wrapper::after { height: 78%; } #body.page-cms-homepage .b2b__card { min-height: 504px; padding: 56px; } #body.page-cms-homepage .b2b__card--one::before { bottom: 14%; } #body.page-cms-homepage .b2b__card--one::after { bottom: 50px; height: 82%; } #body.page-cms-homepage .b2b__card--two::before { top: 8%; } #body.page-cms-homepage .b2b__card--two::after { top: 36%; height: 162%; } #body.page-cms-homepage .b2b__card--three::before { bottom: 33px; } #body.page-cms-homepage .b2b__card--three::after { height: 88%; } #body.page-cms-homepage .b2b__card--four::before { bottom: 33px; right: 16px; width: 110px; } #body.page-cms-homepage .footer__logo { max-width: 448px; margin: 100px 0; } } /* XXL Device. */ @media only screen and (min-width: 1600px) { #body.page-cms-homepage .container { max-width: 1494px; width: 100%; } #body.page-cms-homepage .fs-1, #body.page-cms-homepage .fs-2 { font-size: 72px !important; letter-spacing: -2%; } #body.page-cms-homepage .btn { font-size: 20px; letter-spacing: 15%; min-width: 282px; } #body.page-cms-homepage .revolutionary__btns { gap: 28px; } #body.page-cms-homepage .revolutionary__prduct__number, #body.page-cms-homepage .revolutionary__prduct__title { font-size: 24px; } #body.page-cms-homepage .revolutionary .nav-tabs .nav-link { padding: 16px 60px; } #body.page-cms-homepage .revolutionary__thumb { height: 666px; } #body.page-cms-homepage .revolutionary__thumb__img { border-radius: 40px; } #body.page-cms-homepage .revolutionary__content { padding-left: 64px; } #body.page-cms-homepage .exclusive__tab__btns { padding-left: 40px; } #body.page-cms-homepage .exclusive .nav-link { font-size: 32px; padding: 24px 0; } #body.page-cms-homepage .exclusive .nav-link:hover::after, #body.page-cms-homepage .exclusive .nav-link::after, #body.page-cms-homepage .exclusive .nav-link:hover::after, #body.page-cms-homepage .exclusive .nav-link.active::after { left: -43px; } #body.page-cms-homepage .exclusive__item { border-radius: 40px; } #body.page-cms-homepage .b2b__wrapper::after, #body.page-cms-homepage .b2b__card { border-radius: 40px; } #body.page-cms-homepage .b2b__card__title, #body.page-cms-homepage .b2b__card__list__item { font-size: 20px; } #body.page-cms-homepage .list-dot { margin-top: 18px; } #body.page-cms-homepage .footer__logo { max-width: 528px; margin: 120px 0; } } .bem-country-flag-24-2x.scale2{transform:scale(1.5);position:absolute;top:24px;left:24px;} // .bem-country-flag-24-2x.product{position: absolute;margin: 9px 0 0 -40px;} .bem-country-flag-24-2x.divi2{transform:scale(.75)} .bem-country-flag-24-2x{background:url("https://uppler-platform-velveto.s3.eu-west-3.amazonaws.com/image/18/7d/bcf96e1473ab14f1bea4ef80dd39.png") top left/24px no-repeat;width:24px!important;height:24px;} .bem-country-flag-24-2x.is-ad{background-position:0 0}.bem-country-flag-24-2x.is-ae{background-position:0 -32px}.bem-country-flag-24-2x.is-af{background-position:0 -64px}.bem-country-flag-24-2x.is-ag{background-position:0 -96px}.bem-country-flag-24-2x.is-ai{background-position:0 -128px}.bem-country-flag-24-2x.is-al{background-position:0 -160px}.bem-country-flag-24-2x.is-am{background-position:0 -192px}.bem-country-flag-24-2x.is-ao{background-position:0 -224px}.bem-country-flag-24-2x.is-ar{background-position:0 -256px}.bem-country-flag-24-2x.is-as{background-position:0 -288px}.bem-country-flag-24-2x.is-at{background-position:0 -320px}.bem-country-flag-24-2x.is-au{background-position:0 -352px}.bem-country-flag-24-2x.is-aw{background-position:0 -384px}.bem-country-flag-24-2x.is-ax{background-position:0 -416px}.bem-country-flag-24-2x.is-az{background-position:0 -448px}.bem-country-flag-24-2x.is-ba{background-position:0 -480px}.bem-country-flag-24-2x.is-bb{background-position:0 -512px}.bem-country-flag-24-2x.is-bd{background-position:0 -544px}.bem-country-flag-24-2x.is-be{background-position:0 -576px}.bem-country-flag-24-2x.is-bf{background-position:0 -608px}.bem-country-flag-24-2x.is-bg{background-position:0 -640px}.bem-country-flag-24-2x.is-bh{background-position:0 -672px}.bem-country-flag-24-2x.is-bi{background-position:0 -704px}.bem-country-flag-24-2x.is-bj{background-position:0 -736px}.bem-country-flag-24-2x.is-bl{background-position:0 -768px}.bem-country-flag-24-2x.is-bm{background-position:0 -800px}.bem-country-flag-24-2x.is-bn{background-position:0 -832px}.bem-country-flag-24-2x.is-bo{background-position:0 -864px}.bem-country-flag-24-2x.is-bq-bo{background-position:0 -896px}.bem-country-flag-24-2x.is-bq-sa{background-position:0 -928px}.bem-country-flag-24-2x.is-bq-se{background-position:0 -960px}.bem-country-flag-24-2x.is-br{background-position:0 -992px}.bem-country-flag-24-2x.is-bs{background-position:0 -1024px}.bem-country-flag-24-2x.is-bt{background-position:0 -1056px}.bem-country-flag-24-2x.is-bw{background-position:0 -1088px}.bem-country-flag-24-2x.is-by{background-position:0 -1120px}.bem-country-flag-24-2x.is-bz{background-position:0 -1152px}.bem-country-flag-24-2x.is-ca-bc{background-position:0 -1184px}.bem-country-flag-24-2x.is-ca{background-position:0 -1216px}.bem-country-flag-24-2x.is-cc{background-position:0 -1248px}.bem-country-flag-24-2x.is-cd{background-position:0 -1280px}.bem-country-flag-24-2x.is-cf{background-position:0 -1312px}.bem-country-flag-24-2x.is-cg{background-position:0 -1344px}.bem-country-flag-24-2x.is-ch{background-position:0 -1376px}.bem-country-flag-24-2x.is-ci{background-position:0 -1408px}.bem-country-flag-24-2x.is-ck{background-position:0 -1440px}.bem-country-flag-24-2x.is-cl{background-position:0 -1472px}.bem-country-flag-24-2x.is-cm{background-position:0 -1504px}.bem-country-flag-24-2x.is-cn{background-position:0 -1536px}.bem-country-flag-24-2x.is-co{background-position:0 -1568px}.bem-country-flag-24-2x.is-cr{background-position:0 -1600px}.bem-country-flag-24-2x.is-cu{background-position:0 -1632px}.bem-country-flag-24-2x.is-cv{background-position:0 -1664px}.bem-country-flag-24-2x.is-cw{background-position:0 -1696px}.bem-country-flag-24-2x.is-cx{background-position:0 -1728px}.bem-country-flag-24-2x.is-cy{background-position:0 -1760px}.bem-country-flag-24-2x.is-cz{background-position:0 -1792px}.bem-country-flag-24-2x.is-de{background-position:0 -1824px}.bem-country-flag-24-2x.is-dj{background-position:0 -1856px}.bem-country-flag-24-2x.is-dk{background-position:0 -1888px}.bem-country-flag-24-2x.is-dm{background-position:0 -1920px}.bem-country-flag-24-2x.is-do{background-position:0 -1952px}.bem-country-flag-24-2x.is-dz{background-position:0 -1984px}.bem-country-flag-24-2x.is-easter_island{background-position:0 -2016px}.bem-country-flag-24-2x.is-ec-w{background-position:0 -2048px}.bem-country-flag-24-2x.is-ec{background-position:0 -2080px}.bem-country-flag-24-2x.is-ee{background-position:0 -2112px}.bem-country-flag-24-2x.is-eg{background-position:0 -2144px}.bem-country-flag-24-2x.is-eh{background-position:0 -2176px}.bem-country-flag-24-2x.is-er{background-position:0 -2208px}.bem-country-flag-24-2x.is-es-ce{background-position:0 -2240px}.bem-country-flag-24-2x.is-es-cn{background-position:0 -2272px}.bem-country-flag-24-2x.is-es-ga{background-position:0 -2304px}.bem-country-flag-24-2x.is-es-ib{background-position:0 -2336px}.bem-country-flag-24-2x.is-es-ml{background-position:0 -2368px}.bem-country-flag-24-2x.is-es-pv{background-position:0 -2400px}.bem-country-flag-24-2x.is-es{background-position:0 -2432px}.bem-country-flag-24-2x.is-esperanto{background-position:0 -2464px}.bem-country-flag-24-2x.is-et{background-position:0 -2496px}.bem-country-flag-24-2x.is-european_union{background-position:0 -2528px}.bem-country-flag-24-2x.is-fi{background-position:0 -2560px}.bem-country-flag-24-2x.is-fj{background-position:0 -2592px}.bem-country-flag-24-2x.is-fk{background-position:0 -2624px}.bem-country-flag-24-2x.is-fm{background-position:0 -2656px}.bem-country-flag-24-2x.is-fo{background-position:0 -2688px}.bem-country-flag-24-2x.is-fr-h{background-position:0 -2720px}.bem-country-flag-24-2x.is-fr{background-position:0 -2752px}.bem-country-flag-24-2x.is-ga{background-position:0 -2784px}.bem-country-flag-24-2x.is-gb-eng{background-position:0 -2816px}.bem-country-flag-24-2x.is-gb-ork{background-position:0 -2848px}.bem-country-flag-24-2x.is-gb-sct{background-position:0 -2880px}.bem-country-flag-24-2x.is-gb-wls{background-position:0 -2912px}.bem-country-flag-24-2x.is-gb{background-position:0 -2944px}.bem-country-flag-24-2x.is-gd{background-position:0 -2976px}.bem-country-flag-24-2x.is-ge-ab{background-position:0 -3008px}.bem-country-flag-24-2x.is-ge{background-position:0 -3040px}.bem-country-flag-24-2x.is-gg{background-position:0 -3072px}.bem-country-flag-24-2x.is-gh{background-position:0 -3104px}.bem-country-flag-24-2x.is-gi{background-position:0 -3136px}.bem-country-flag-24-2x.is-gl{background-position:0 -3168px}.bem-country-flag-24-2x.is-gm{background-position:0 -3200px}.bem-country-flag-24-2x.is-gn{background-position:0 -3232px}.bem-country-flag-24-2x.is-gq{background-position:0 -3264px}.bem-country-flag-24-2x.is-gp{background-position:0 -3296px}.bem-country-flag-24-2x.is-gr{background-position:0 -3328px}.bem-country-flag-24-2x.is-gt{background-position:0 -3360px}.bem-country-flag-24-2x.is-gu{background-position:0 -3392px}.bem-country-flag-24-2x.is-gw{background-position:0 -3424px}.bem-country-flag-24-2x.is-gy{background-position:0 -3456px}.bem-country-flag-24-2x.is-hausa{background-position:0 -3488px}.bem-country-flag-24-2x.is-hk{background-position:0 -3520px}.bem-country-flag-24-2x.is-hmong{background-position:0 -3552px}.bem-country-flag-24-2x.is-hn{background-position:0 -3584px}.bem-country-flag-24-2x.is-hr{background-position:0 -3616px}.bem-country-flag-24-2x.is-ht{background-position:0 -3648px}.bem-country-flag-24-2x.is-hu{background-position:0 -3680px}.bem-country-flag-24-2x.is-id{background-position:0 -3712px}.bem-country-flag-24-2x.is-ie{background-position:0 -3744px}.bem-country-flag-24-2x.is-il{background-position:0 -3776px}.bem-country-flag-24-2x.is-im{background-position:0 -3808px}.bem-country-flag-24-2x.is-in{background-position:0 -3840px}.bem-country-flag-24-2x.is-io{background-position:0 -3872px}.bem-country-flag-24-2x.is-iq{background-position:0 -3904px}.bem-country-flag-24-2x.is-ir{background-position:0 -3936px}.bem-country-flag-24-2x.is-is{background-position:0 -3968px}.bem-country-flag-24-2x.is-it-82{background-position:0 -4000px}.bem-country-flag-24-2x.is-it-88{background-position:0 -4032px}.bem-country-flag-24-2x.is-it{background-position:0 -4064px}.bem-country-flag-24-2x.is-je{background-position:0 -4096px}.bem-country-flag-24-2x.is-jm{background-position:0 -4128px}.bem-country-flag-24-2x.is-jo{background-position:0 -4160px}.bem-country-flag-24-2x.is-jp{background-position:0 -4192px}.bem-country-flag-24-2x.is-kannada{background-position:0 -4224px}.bem-country-flag-24-2x.is-ke{background-position:0 -4256px}.bem-country-flag-24-2x.is-kg{background-position:0 -4288px}.bem-country-flag-24-2x.is-kh{background-position:0 -4320px}.bem-country-flag-24-2x.is-ki{background-position:0 -4352px}.bem-country-flag-24-2x.is-km{background-position:0 -4384px}.bem-country-flag-24-2x.is-kn{background-position:0 -4416px}.bem-country-flag-24-2x.is-kp{background-position:0 -4448px}.bem-country-flag-24-2x.is-kr{background-position:0 -4480px}.bem-country-flag-24-2x.is-kurdistan{background-position:0 -4512px}.bem-country-flag-24-2x.is-kw{background-position:0 -4544px}.bem-country-flag-24-2x.is-ky{background-position:0 -4576px}.bem-country-flag-24-2x.is-kz{background-position:0 -4608px}.bem-country-flag-24-2x.is-la{background-position:0 -4640px}.bem-country-flag-24-2x.is-lb{background-position:0 -4672px}.bem-country-flag-24-2x.is-lc{background-position:0 -4704px}.bem-country-flag-24-2x.is-li{background-position:0 -4736px}.bem-country-flag-24-2x.is-lk{background-position:0 -4768px}.bem-country-flag-24-2x.is-lr{background-position:0 -4800px}.bem-country-flag-24-2x.is-ls{background-position:0 -4832px}.bem-country-flag-24-2x.is-lt{background-position:0 -4864px}.bem-country-flag-24-2x.is-lu{background-position:0 -4896px}.bem-country-flag-24-2x.is-lv{background-position:0 -4928px}.bem-country-flag-24-2x.is-ly{background-position:0 -4960px}.bem-country-flag-24-2x.is-ma{background-position:0 -4992px}.bem-country-flag-24-2x.is-malayali{background-position:0 -5024px}.bem-country-flag-24-2x.is-maori{background-position:0 -5056px}.bem-country-flag-24-2x.is-mc{background-position:0 -5088px}.bem-country-flag-24-2x.is-md{background-position:0 -5120px}.bem-country-flag-24-2x.is-me{background-position:0 -5152px}.bem-country-flag-24-2x.is-mf{background-position:0 -5184px}.bem-country-flag-24-2x.is-mg{background-position:0 -5216px}.bem-country-flag-24-2x.is-mh{background-position:0 -5248px}.bem-country-flag-24-2x.is-mk{background-position:0 -5280px}.bem-country-flag-24-2x.is-ml{background-position:0 -5312px}.bem-country-flag-24-2x.is-mm{background-position:0 -5344px}.bem-country-flag-24-2x.is-mn{background-position:0 -5376px}.bem-country-flag-24-2x.is-mo{background-position:0 -5408px}.bem-country-flag-24-2x.is-mp{background-position:0 -5440px}.bem-country-flag-24-2x.is-mq{background-position:0 -5472px}.bem-country-flag-24-2x.is-mr{background-position:0 -5504px}.bem-country-flag-24-2x.is-ms{background-position:0 -5536px}.bem-country-flag-24-2x.is-mt{background-position:0 -5568px}.bem-country-flag-24-2x.is-mu{background-position:0 -5600px}.bem-country-flag-24-2x.is-mv{background-position:0 -5632px}.bem-country-flag-24-2x.is-mw{background-position:0 -5664px}.bem-country-flag-24-2x.is-mx{background-position:0 -5696px}.bem-country-flag-24-2x.is-my{background-position:0 -5728px}.bem-country-flag-24-2x.is-mz{background-position:0 -5760px}.bem-country-flag-24-2x.is-na{background-position:0 -5792px}.bem-country-flag-24-2x.is-nato{background-position:0 -5824px}.bem-country-flag-24-2x.is-nc{background-position:0 -5856px}.bem-country-flag-24-2x.is-ne{background-position:0 -5888px}.bem-country-flag-24-2x.is-nf{background-position:0 -5920px}.bem-country-flag-24-2x.is-ng{background-position:0 -5952px}.bem-country-flag-24-2x.is-ni{background-position:0 -5984px}.bem-country-flag-24-2x.is-nl{background-position:0 -6016px}.bem-country-flag-24-2x.is-no{background-position:0 -6048px}.bem-country-flag-24-2x.is-northern_cyprus{background-position:0 -6080px}.bem-country-flag-24-2x.is-np{background-position:0 -6112px}.bem-country-flag-24-2x.is-nr{background-position:0 -6144px}.bem-country-flag-24-2x.is-nu{background-position:0 -6176px}.bem-country-flag-24-2x.is-nz{background-position:0 -6208px}.bem-country-flag-24-2x.is-om{background-position:0 -6240px}.bem-country-flag-24-2x.is-pa{background-position:0 -6272px}.bem-country-flag-24-2x.is-pe{background-position:0 -6304px}.bem-country-flag-24-2x.is-pf{background-position:0 -6336px}.bem-country-flag-24-2x.is-pg{background-position:0 -6368px}.bem-country-flag-24-2x.is-ph{background-position:0 -6400px}.bem-country-flag-24-2x.is-pk{background-position:0 -6432px}.bem-country-flag-24-2x.is-pl{background-position:0 -6464px}.bem-country-flag-24-2x.is-pn{background-position:0 -6496px}.bem-country-flag-24-2x.is-pr{background-position:0 -6528px}.bem-country-flag-24-2x.is-ps{background-position:0 -6560px}.bem-country-flag-24-2x.is-pt-20{background-position:0 -6592px}.bem-country-flag-24-2x.is-pt-30{background-position:0 -6624px}.bem-country-flag-24-2x.is-pt{background-position:0 -6656px}.bem-country-flag-24-2x.is-pw{background-position:0 -6688px}.bem-country-flag-24-2x.is-py{background-position:0 -6720px}.bem-country-flag-24-2x.is-qa{background-position:0 -6752px}.bem-country-flag-24-2x.is-ro{background-position:0 -6784px}.bem-country-flag-24-2x.is-rs{background-position:0 -6816px}.bem-country-flag-24-2x.is-ru{background-position:0 -6848px}.bem-country-flag-24-2x.is-rw{background-position:0 -6880px}.bem-country-flag-24-2x.is-sa{background-position:0 -6912px}.bem-country-flag-24-2x.is-sb{background-position:0 -6944px}.bem-country-flag-24-2x.is-sc{background-position:0 -6976px}.bem-country-flag-24-2x.is-sd{background-position:0 -7008px}.bem-country-flag-24-2x.is-se{background-position:0 -7040px}.bem-country-flag-24-2x.is-sg{background-position:0 -7072px}.bem-country-flag-24-2x.is-sh{background-position:0 -7104px}.bem-country-flag-24-2x.is-si{background-position:0 -7136px}.bem-country-flag-24-2x.is-sindh{background-position:0 -7168px}.bem-country-flag-24-2x.is-sj{background-position:0 -7200px}.bem-country-flag-24-2x.is-sk{background-position:0 -7232px}.bem-country-flag-24-2x.is-sl{background-position:0 -7264px}.bem-country-flag-24-2x.is-sm{background-position:0 -7296px}.bem-country-flag-24-2x.is-sn{background-position:0 -7328px}.bem-country-flag-24-2x.is-so{background-position:0 -7360px}.bem-country-flag-24-2x.is-somaliland{background-position:0 -7392px}.bem-country-flag-24-2x.is-south_ossetia{background-position:0 -7424px}.bem-country-flag-24-2x.is-sr{background-position:0 -7456px}.bem-country-flag-24-2x.is-ss{background-position:0 -7488px}.bem-country-flag-24-2x.is-st{background-position:0 -7520px}.bem-country-flag-24-2x.is-sv{background-position:0 -7552px}.bem-country-flag-24-2x.is-sx{background-position:0 -7584px}.bem-country-flag-24-2x.is-sy{background-position:0 -7616px}.bem-country-flag-24-2x.is-sz{background-position:0 -7648px}.bem-country-flag-24-2x.is-tc{background-position:0 -7680px}.bem-country-flag-24-2x.is-td{background-position:0 -7712px}.bem-country-flag-24-2x.is-tg{background-position:0 -7744px}.bem-country-flag-24-2x.is-th{background-position:0 -7776px}.bem-country-flag-24-2x.is-tibet{background-position:0 -7808px}.bem-country-flag-24-2x.is-tj{background-position:0 -7840px}.bem-country-flag-24-2x.is-tk{background-position:0 -7872px}.bem-country-flag-24-2x.is-tl{background-position:0 -7904px}.bem-country-flag-24-2x.is-tm{background-position:0 -7936px}.bem-country-flag-24-2x.is-tn{background-position:0 -7968px}.bem-country-flag-24-2x.is-to{background-position:0 -8000px}.bem-country-flag-24-2x.is-tr{background-position:0 -8032px}.bem-country-flag-24-2x.is-transnistria{background-position:0 -8064px}.bem-country-flag-24-2x.is-tt{background-position:0 -8096px}.bem-country-flag-24-2x.is-tv{background-position:0 -8128px}.bem-country-flag-24-2x.is-tw{background-position:0 -8160px}.bem-country-flag-24-2x.is-tz{background-position:0 -8192px}.bem-country-flag-24-2x.is-ua{background-position:0 -8224px}.bem-country-flag-24-2x.is-ug{background-position:0 -8256px}.bem-country-flag-24-2x.is-united_nations{background-position:0 -8288px}.bem-country-flag-24-2x.is-us-hi{background-position:0 -8320px}.bem-country-flag-24-2x.is-us{background-position:0 -8352px}.bem-country-flag-24-2x.is-uy{background-position:0 -8384px}.bem-country-flag-24-2x.is-uz{background-position:0 -8416px}.bem-country-flag-24-2x.is-va{background-position:0 -8448px}.bem-country-flag-24-2x.is-vc{background-position:0 -8480px}.bem-country-flag-24-2x.is-ve{background-position:0 -8512px}.bem-country-flag-24-2x.is-vg{background-position:0 -8544px}.bem-country-flag-24-2x.is-vi{background-position:0 -8576px}.bem-country-flag-24-2x.is-vn{background-position:0 -8608px}.bem-country-flag-24-2x.is-vu{background-position:0 -8640px}.bem-country-flag-24-2x.is-ws{background-position:0 -8672px}.bem-country-flag-24-2x.is-xk{background-position:0 -8704px}.bem-country-flag-24-2x.is-xx{background-position:0 -8736px}.bem-country-flag-24-2x.is-ye{background-position:0 -8768px}.bem-country-flag-24-2x.is-yiddish{background-position:0 -8800px}.bem-country-flag-24-2x.is-za{background-position:0 -8832px}.bem-country-flag-24-2x.is-zm{background-position:0 -8864px}.bem-country-flag-24-2x.is-zw{background-position:0 -8896px}