.path-products main{ max-width: 1200px; margin: 0 auto; padding: 0 15px; width: 100%; } .path-products main .row.g-0 .order-2{ /*width: 20%;*/ } .path-products main .row.g-0 .order-1{ /*width: 80%;*/ } #block-exxelprime-brands{ margin: 50px 0 0 0; border-bottom: 1px solid #444; padding-bottom: 15px; } #block-exxelprime-brands > h5{ font-size: 14px; color: #000; font-weight: 500; } #block-exxelprime-brands ul.navbar-nav{ } #block-exxelprime-brands ul.navbar-nav li{ margin-bottom: 5px; } #block-exxelprime-brands ul.navbar-nav li a{ padding: 0; font-size: 13px; color: #505050; transition-duration: 0.8s; transition-delay: 0.2s; } #block-exxelprime-brands ul.navbar-nav li a.active, #block-exxelprime-brands ul.navbar-nav li a.is-active, #block-exxelprime-brands ul.navbar-nav li a:hover{ color: #000; } #block-exxelprime-exposedformu-productspage-4, #block-exxelprime-exposedformu-productspage-3, #block-exxelprime-exposedformu-productspage-2, #block-exxelprime-exposedformu-productspage-1{ margin-bottom: 50px; } #block-exxelprime-exposedformu-productspage-4 details, #block-exxelprime-exposedformu-productspage-3 details, #block-exxelprime-exposedformu-productspage-2 details, #block-exxelprime-exposedformu-productspage-1 details{ margin: 0; border: 0; width: 100%; padding: 10px 0; border-bottom: 1px solid #444; border-radius: 0; } #block-exxelprime-exposedformu-productspage-4 details summary, #block-exxelprime-exposedformu-productspage-3 details summary, #block-exxelprime-exposedformu-productspage-2 details summary, #block-exxelprime-exposedformu-productspage-1 details summary{ font-size: 14px; font-family: "Playfair Display", serif; font-weight: 500; color: #000; border: 0; padding: 0; margin-bottom: 0.5rem; background-color: transparent !important; } #block-exxelprime-exposedformu-productspage-4 details fieldset, #block-exxelprime-exposedformu-productspage-3 details fieldset, #block-exxelprime-exposedformu-productspage-2 details fieldset, #block-exxelprime-exposedformu-productspage-1 details fieldset{ } #block-exxelprime-exposedformu-productspage-4 details fieldset legend, #block-exxelprime-exposedformu-productspage-3 details fieldset legend, #block-exxelprime-exposedformu-productspage-2 details fieldset legend, #block-exxelprime-exposedformu-productspage-1 details fieldset legend{ } #block-exxelprime-exposedformu-productspage-4 details fieldset .fieldset-wrapper, #block-exxelprime-exposedformu-productspage-3 details fieldset .fieldset-wrapper, #block-exxelprime-exposedformu-productspage-2 details fieldset .fieldset-wrapper, #block-exxelprime-exposedformu-productspage-1 details fieldset .fieldset-wrapper{ } #block-exxelprime-exposedformu-productspage-4 details fieldset .form-item, #block-exxelprime-exposedformu-productspage-3 details fieldset .form-item, #block-exxelprime-exposedformu-productspage-2 details fieldset .form-item, #block-exxelprime-exposedformu-productspage-1 details fieldset .form-item{ margin: 10px 0 0 0; } #block-exxelprime-exposedformu-productspage-4 details fieldset .form-item label, #block-exxelprime-exposedformu-productspage-3 details fieldset .form-item label, #block-exxelprime-exposedformu-productspage-2 details fieldset .form-item label, #block-exxelprime-exposedformu-productspage-1 details fieldset .form-item label{ font-size: 13px; } #block-exxelprime-exposedformu-productspage-4 details fieldset .form-item input, #block-exxelprime-exposedformu-productspage-3 details fieldset .form-item input, #block-exxelprime-exposedformu-productspage-2 details fieldset .form-item input, #block-exxelprime-exposedformu-productspage-1 details fieldset .form-item input{ font-size: 13px; border-radius: 2px; box-shadow: none; } #block-exxelprime-exposedformu-productspage-4 details fieldset .bef-slider, #block-exxelprime-exposedformu-productspage-3 details fieldset .bef-slider, #block-exxelprime-exposedformu-productspage-2 details fieldset .bef-slider, #block-exxelprime-exposedformu-productspage-1 details fieldset .bef-slider{ margin-top: 15px; } #block-exxelprime-exposedformu-productspage-4 details fieldset .bef-slider .noUi-base, #block-exxelprime-exposedformu-productspage-3 details fieldset .bef-slider .noUi-base, #block-exxelprime-exposedformu-productspage-2 details fieldset .bef-slider .noUi-base, #block-exxelprime-exposedformu-productspage-1 details fieldset .bef-slider .noUi-base{ } #block-exxelprime-exposedformu-productspage-4 details fieldset .bef-slider .noUi-base .noUi-connects, #block-exxelprime-exposedformu-productspage-3 details fieldset .bef-slider .noUi-base .noUi-connects, #block-exxelprime-exposedformu-productspage-2 details fieldset .bef-slider .noUi-base .noUi-connects, #block-exxelprime-exposedformu-productspage-1 details fieldset .bef-slider .noUi-base .noUi-connects{ } #block-exxelprime-exposedformu-productspage-4 details fieldset .bef-slider .noUi-base .noUi-connects .noUi-connect, #block-exxelprime-exposedformu-productspage-3 details fieldset .bef-slider .noUi-base .noUi-connects .noUi-connect, #block-exxelprime-exposedformu-productspage-2 details fieldset .bef-slider .noUi-base .noUi-connects .noUi-connect, #block-exxelprime-exposedformu-productspage-1 details fieldset .bef-slider .noUi-base .noUi-connects .noUi-connect{ background: #444; } #block-exxelprime-exposedformu-productspage-4 details fieldset .bef-slider .noUi-base .noUi-origin, #block-exxelprime-exposedformu-productspage-3 details fieldset .bef-slider .noUi-base .noUi-origin, #block-exxelprime-exposedformu-productspage-2 details fieldset .bef-slider .noUi-base .noUi-origin, #block-exxelprime-exposedformu-productspage-1 details fieldset .bef-slider .noUi-base .noUi-origin{ } #block-exxelprime-exposedformu-productspage-4 details fieldset .bef-slider .noUi-base .noUi-origin .noUi-touch-area, #block-exxelprime-exposedformu-productspage-3 details fieldset .bef-slider .noUi-base .noUi-origin .noUi-touch-area, #block-exxelprime-exposedformu-productspage-2 details fieldset .bef-slider .noUi-base .noUi-origin .noUi-touch-area, #block-exxelprime-exposedformu-productspage-1 details fieldset .bef-slider .noUi-base .noUi-origin .noUi-touch-area{ } #block-exxelprime-exposedformu-productspage-4 .js-form-item-sort-bef-combine, #block-exxelprime-exposedformu-productspage-3 .js-form-item-sort-bef-combine, #block-exxelprime-exposedformu-productspage-2 .js-form-item-sort-bef-combine, #block-exxelprime-exposedformu-productspage-1 .js-form-item-sort-bef-combine{ margin: 0 0 15px 0; } #block-exxelprime-exposedformu-productspage-4 .js-form-item-sort-bef-combine label, #block-exxelprime-exposedformu-productspage-3 .js-form-item-sort-bef-combine label, #block-exxelprime-exposedformu-productspage-2 .js-form-item-sort-bef-combine label, #block-exxelprime-exposedformu-productspage-1 .js-form-item-sort-bef-combine label{ font-size: 14px; font-family: "Playfair Display", serif; font-weight: 500; color: #000; margin-bottom: 0.5rem; } #block-exxelprime-exposedformu-productspage-4 .js-form-item-sort-bef-combine select, #block-exxelprime-exposedformu-productspage-3 .js-form-item-sort-bef-combine select, #block-exxelprime-exposedformu-productspage-2 .js-form-item-sort-bef-combine select, #block-exxelprime-exposedformu-productspage-1 .js-form-item-sort-bef-combine select{ border-radius: 0; font-size: 14px; } #block-exxelprime-exposedformu-productspage-4 .js-form-item-sort-bef-combine select option, #block-exxelprime-exposedformu-productspage-3 .js-form-item-sort-bef-combine select option, #block-exxelprime-exposedformu-productspage-2 .js-form-item-sort-bef-combine select option, #block-exxelprime-exposedformu-productspage-1 .js-form-item-sort-bef-combine select option{ } #block-exxelprime-exposedformu-productspage-4 .details-wrapper.card-body, #block-exxelprime-exposedformu-productspage-3 .details-wrapper.card-body, #block-exxelprime-exposedformu-productspage-2 .details-wrapper.card-body, #block-exxelprime-exposedformu-productspage-1 .details-wrapper.card-body{ padding: 0; } #block-exxelprime-exposedformu-productspage-4 .details-wrapper.card-body .form-type-select, #block-exxelprime-exposedformu-productspage-3 .details-wrapper.card-body .form-type-select, #block-exxelprime-exposedformu-productspage-2 .details-wrapper.card-body .form-type-select, #block-exxelprime-exposedformu-productspage-1 .details-wrapper.card-body .form-type-select{ margin: 0; } #block-exxelprime-exposedformu-productspage-4 .details-wrapper.card-body .form-type-select ul, #block-exxelprime-exposedformu-productspage-3 .details-wrapper.card-body .form-type-select ul, #block-exxelprime-exposedformu-productspage-2 .details-wrapper.card-body .form-type-select ul, #block-exxelprime-exposedformu-productspage-1 .details-wrapper.card-body .form-type-select ul{ padding-left: 0; } #block-exxelprime-exposedformu-productspage-4 .details-wrapper.card-body .form-type-select ul li, #block-exxelprime-exposedformu-productspage-3 .details-wrapper.card-body .form-type-select ul li, #block-exxelprime-exposedformu-productspage-2 .details-wrapper.card-body .form-type-select ul li, #block-exxelprime-exposedformu-productspage-1 .details-wrapper.card-body .form-type-select ul li{ list-style: none; margin-bottom: 5px; } #block-exxelprime-exposedformu-productspage-4 .details-wrapper.card-body .form-type-select ul li a, #block-exxelprime-exposedformu-productspage-3 .details-wrapper.card-body .form-type-select ul li a, #block-exxelprime-exposedformu-productspage-2 .details-wrapper.card-body .form-type-select ul li a, #block-exxelprime-exposedformu-productspage-1 .details-wrapper.card-body .form-type-select ul li a{ padding: 0; font-size: 13px; color: #505050; text-decoration: none; transition-duration: 0.8s; transition-delay: 0.2s; } #block-exxelprime-exposedformu-productspage-4 .details-wrapper.card-body .form-type-select ul li a.bef-link--selected, #block-exxelprime-exposedformu-productspage-4 .details-wrapper.card-body .form-type-select ul li a:hover, #block-exxelprime-exposedformu-productspage-3 .details-wrapper.card-body .form-type-select ul li a.bef-link--selected, #block-exxelprime-exposedformu-productspage-3 .details-wrapper.card-body .form-type-select ul li a:hover, #block-exxelprime-exposedformu-productspage-2 .details-wrapper.card-body .form-type-select ul li a.bef-link--selected, #block-exxelprime-exposedformu-productspage-2 .details-wrapper.card-body .form-type-select ul li a:hover, #block-exxelprime-exposedformu-productspage-1 .details-wrapper.card-body .form-type-select ul li a.bef-link--selected, #block-exxelprime-exposedformu-productspage-1 .details-wrapper.card-body .form-type-select ul li a:hover{ color: #000; } #block-exxelprime-exposedformu-productspage-4 .form-item-sort-by, #block-exxelprime-exposedformu-productspage-3 .form-item-sort-by, #block-exxelprime-exposedformu-productspage-2 .form-item-sort-by, #block-exxelprime-exposedformu-productspage-1 .form-item-sort-by{ } #block-exxelprime-exposedformu-productspage-4 .form-item-sort-by label, #block-exxelprime-exposedformu-productspage-3 .form-item-sort-by label, #block-exxelprime-exposedformu-productspage-2 .form-item-sort-by label, #block-exxelprime-exposedformu-productspage-1 .form-item-sort-by label{ font-size: 14px; font-family: "Playfair Display", serif; font-weight: 500; color: #000; margin-bottom: 0.5rem; } #block-exxelprime-exposedformu-productspage-4 .form-item-sort-by select, #block-exxelprime-exposedformu-productspage-3 .form-item-sort-by select, #block-exxelprime-exposedformu-productspage-2 .form-item-sort-by select, #block-exxelprime-exposedformu-productspage-1 .form-item-sort-by select{ border-radius: 0; font-size: 13px; box-shadow: none; } #block-exxelprime-exposedformu-productspage-4 .form-item-sort-by select option, #block-exxelprime-exposedformu-productspage-3 .form-item-sort-by select option, #block-exxelprime-exposedformu-productspage-2 .form-item-sort-by select option, #block-exxelprime-exposedformu-productspage-1 .form-item-sort-by select option{ } #block-exxelprime-views-block-lsb-brand-categories-block-3, #block-exxelprime-views-block-lsb-brand-categories-block-2, #block-exxelprime-views-block-lsb-brand-categories-block-1{ margin-bottom: 50px; } #block-exxelprime-views-block-lsb-brand-categories-block-3 > h2, #block-exxelprime-views-block-lsb-brand-categories-block-2 > h2, #block-exxelprime-views-block-lsb-brand-categories-block-1 > h2{ font-size: 18px; font-family: "Playfair Display", serif; font-weight: 600; color: #000; margin-bottom: 0.5rem; } #block-exxelprime-views-block-lsb-brand-categories-block-3 .view-content, #block-exxelprime-views-block-lsb-brand-categories-block-2 .view-content, #block-exxelprime-views-block-lsb-brand-categories-block-1 .view-content{ } #block-exxelprime-views-block-lsb-brand-categories-block-3 .category, #block-exxelprime-views-block-lsb-brand-categories-block-2 .category, #block-exxelprime-views-block-lsb-brand-categories-block-1 .category{ margin-bottom: 5px; } #block-exxelprime-views-block-lsb-brand-categories-block-3 .category a, #block-exxelprime-views-block-lsb-brand-categories-block-2 .category a, #block-exxelprime-views-block-lsb-brand-categories-block-1 .category a{ padding: 0; font-size: 14px; color: #505050; text-decoration: none; transition-duration: 0.8s; transition-delay: 0.2s; } #block-exxelprime-views-block-lsb-brand-categories-block-3 .category a:hover, #block-exxelprime-views-block-lsb-brand-categories-block-2 .category a:hover, #block-exxelprime-views-block-lsb-brand-categories-block-1 .category a:hover{ color: #000; } .view-id-u_products{ padding: 50px 15px; margin-bottom: 75px; } .view-id-u_products .view-content{ display: flex; flex-wrap: wrap; padding: 0 15px; } .view-id-u_products .product{ flex-basis: 33.33%; padding: 0 15px; margin-bottom: 30px; } .view-id-u_products .product .wrapper{ } .view-id-u_products .product .image{ margin-bottom: 15px; } .view-id-u_products .product .image img{ width: 100%; height: 100%; object-fit: cover; } .view-id-u_products .product .title{ background: #ffedbc; text-align: center; font-size: 14px; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; } .view-id-u_products .product .title a{ text-decoration: none; color: #333; } .view-id-u_products .product .desc{ font-size: 13px; line-height: 1.7; margin-bottom: 15px; } .view-id-u_products .product .rating{ margin-bottom: 15px; } .view-id-u_products .product .rating .fivestar-widget{ max-width: 85px; margin: 0 auto; } .view-id-u_products .product .rating .fivestar-summary, .view-id-u_products .product .rating .description{ text-align: center; font-size: 11px; } .view-id-u_products .product .rating .fivestar-summary{ display: none; } .view-id-u_products .product .price{ text-align: center; font-size: 13px; color: #000; margin-bottom: 15px; } .view-id-u_products .product .link{ text-align: center; max-width: 150px; margin: 0 auto; display: flex; } .view-id-u_products .product .link a{ font-size: 14px; text-transform: uppercase; text-decoration: none; color: #000; width: 100%; border: 1px solid #000; padding: 4px; transition-duration: 0.8s; transition-delay: 0.2s; } .view-id-u_products .product .link a:hover{ background: #000; color: #fff; } /* BRAND PAGE ORO */ #block-exxelprime-views-block-mc-vb-online-shops-block-1{ margin: 0 auto; flex-basis: 80%; } #block-exxelprime-views-block-mc-vb-online-shops-block-1 .view-content{ display: flex; justify-content: center; } #block-exxelprime-views-block-mc-vb-online-shops-block-1 .online-shop{ height: 70px; padding: 0 15px; } #block-exxelprime-views-block-mc-vb-online-shops-block-1 .online-shop a{ } #block-exxelprime-views-block-mc-vb-online-shops-block-1 .online-shop img{ width: 100%; height: 100%; object-fit: contain; } #block-exxelprime-views-block-b-vb-brand-page-banner-block-5, #block-exxelprime-views-block-b-vb-brand-page-banner-block-4, #block-exxelprime-views-block-b-vb-brand-page-banner-block-3{ margin-bottom: 50px; } #block-exxelprime-views-block-b-vb-brand-page-banner-block-5 .view-content, #block-exxelprime-views-block-b-vb-brand-page-banner-block-4 .view-content, #block-exxelprime-views-block-b-vb-brand-page-banner-block-3 .view-content{ max-width: 1170px; margin: 0 auto; padding: 0 15px; } #block-exxelprime-views-block-b-vb-brand-page-banner-block-5 .banner, #block-exxelprime-views-block-b-vb-brand-page-banner-block-4 .banner, #block-exxelprime-views-block-b-vb-brand-page-banner-block-3 .banner{ } #block-exxelprime-views-block-b-vb-brand-page-banner-block-5 .banner .wrapper, #block-exxelprime-views-block-b-vb-brand-page-banner-block-4 .banner .wrapper, #block-exxelprime-views-block-b-vb-brand-page-banner-block-3 .banner .wrapper{ } #block-exxelprime-views-block-b-vb-brand-page-banner-block-5 .banner .image, #block-exxelprime-views-block-b-vb-brand-page-banner-block-4 .banner .image, #block-exxelprime-views-block-b-vb-brand-page-banner-block-3 .banner .image{ } #block-exxelprime-views-block-b-vb-brand-page-banner-block-5 .banner .image img, #block-exxelprime-views-block-b-vb-brand-page-banner-block-4 .banner .image img, #block-exxelprime-views-block-b-vb-brand-page-banner-block-3 .banner .image img{ width: 100%; height: 100%; object-fit: cover; } #block-exxelprime-views-block-mc-vb-brand-category-block-3{ margin-bottom: 75px; } #block-exxelprime-views-block-mc-vb-brand-category-block-3 .view-content{ max-width: 1170px; margin: 0 auto 50px auto; padding: 0 15px 50px 15px; display: flex; flex-wrap: wrap; border-bottom: 1px solid #707070; justify-content: center; } #block-exxelprime-views-block-mc-vb-brand-category-block-3 .brand-cat{ flex-basis: 33.33%; margin-bottom: 30px; padding: 0 15px; } #block-exxelprime-views-block-mc-vb-brand-category-block-3 .brand-cat .wrapper{ position: relative; } #block-exxelprime-views-block-mc-vb-brand-category-block-3 .brand-cat .image{ border-radius: 20px; overflow: hidden; box-shadow: 0px 0px 5px 3px #d1d1d1; } #block-exxelprime-views-block-mc-vb-brand-category-block-3 .brand-cat .image img{ width: 100%; height: 100%; object-fit: cover; } #block-exxelprime-views-block-mc-vb-brand-category-block-3 .brand-cat .details{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; } #block-exxelprime-views-block-mc-vb-brand-category-block-3 .brand-cat .details a{ width: 100%; height: 100%; display: flex; text-decoration: none; } #block-exxelprime-views-block-mc-vb-brand-category-block-3 .brand-cat .details .details-wrapper{ align-self: center; width: 100%; } #block-exxelprime-views-block-mc-vb-brand-category-block-3 .brand-cat .details .details-center{ text-align: center; } #block-exxelprime-views-block-mc-vb-brand-category-block-3 .brand-cat .details .title{ background: #ffffffad; padding: 5px 0; font-size: 14px; text-transform: uppercase; color: #555; font-weight: 600; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-3{ margin-bottom: 75px; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-3 > h2{ text-align: center; font-size: 28px; margin-bottom: 50px; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-3 .view-content{ max-width: 1170px; margin: 0 auto 50px auto; padding: 0 15px 50px 15px; display: flex; flex-wrap: wrap; border-bottom: 1px solid #707070; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-3 .product{ flex-basis: 25%; padding: 0 15px; margin-bottom: 30px; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-3 .product .wrapper{ } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-3 .product .image{ margin-bottom: 15px; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-3 .product .image a{ text-decoration: none; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-3 .product .image img{ width: 100%; height: 100%; object-fit: contain; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-3 .product .category{ text-align: center; font-size: 12px; color: #777; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-3 .product .title{ text-align: center; font-size: 14px; color: #444444; font-weight: 500; text-transform: uppercase; margin-bottom: 15px; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-3 .product .price{ text-align: center; font-size: 14px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-5{ margin-bottom: 75px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-5 .view-content{ max-width: 1170px; margin: 0 auto; padding: 0 15px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-5 .tips-and-trend{ } #block-exxelprime-views-block-mc-vb-tips-trend-block-5 .tips-and-trend .wrapper{ } #block-exxelprime-views-block-mc-vb-tips-trend-block-5 .tips-and-trend .title{ text-align: center; font-size: 18px; margin-bottom: 15px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-5 .tips-and-trend .sub-title{ text-align: center; max-width: 480px; margin: 0 auto 50px auto; } #block-exxelprime-views-block-mc-vb-tips-trend-block-5 .tips-and-trend .sub-title h2{ font-size: 28px; color: #000; } #block-exxelprime-views-block-mc-vb-tips-trend-block-5 .tips-and-trend .image{ max-width: 720px; margin: 0 auto 30px auto; } #block-exxelprime-views-block-mc-vb-tips-trend-block-5 .tips-and-trend .image img{ width: 100%; height: 100%; object-fit: cover; } #block-exxelprime-views-block-mc-vb-tips-trend-block-5 .tips-and-trend .desc{ } #block-exxelprime-views-block-mc-vb-tips-trend-block-5 .tips-and-trend .desc h2{ max-width: 720px; margin: 0 auto 15px auto; font-size: 24px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-5 .tips-and-trend .desc p{ max-width: 720px; margin: 0 auto 15px auto; font-size: 14px; line-height: 1.7; } #block-exxelprime-views-block-mc-vb-tips-trend-block-5 .tips-and-trend .desc img{ width: 100%; height: 100%; object-fit: contain; } #block-exxelprime-views-block-mc-vb-tips-trend-block-6{ margin-bottom: 75px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-6 .view-content{ max-width: 1170px; margin: 0 auto; padding: 0 15px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-6 .tips-and-trend{ margin-bottom: 15px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-6 .tips-and-trend .wrapper{ display: flex; flex-wrap: wrap; justify-content: space-between; } #block-exxelprime-views-block-mc-vb-tips-trend-block-6 .tips-and-trend .image{ flex-basis: 48%; } #block-exxelprime-views-block-mc-vb-tips-trend-block-6 .tips-and-trend .image img{ width: 100%; height: 100%; object-fit: cover; } #block-exxelprime-views-block-mc-vb-tips-trend-block-6 .tips-and-trend .details{ flex-basis: 48%; display: flex; } #block-exxelprime-views-block-mc-vb-tips-trend-block-6 .tips-and-trend .details .details-wrapper{ align-self: center; width: 100%; } #block-exxelprime-views-block-mc-vb-tips-trend-block-6 .tips-and-trend .details .details-center{ text-align: center; } #block-exxelprime-views-block-mc-vb-tips-trend-block-6 .tips-and-trend .details .title{ font-size: 18px; color: #000; margin-bottom: 15px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-6 .tips-and-trend .details .desc{ } #block-exxelprime-views-block-mc-vb-tips-trend-block-6 .tips-and-trend .details .desc p{ font-size: 14px; line-height: 1.7; } .view-id-u_brand_page.view-display-id-page_3{ margin-bottom: 75px; } .view-id-u_brand_page.view-display-id-page_3 .view-content{ display: flex; flex-wrap: wrap; max-width: 1170px; margin: 0 auto; padding: 0 15px; } .view-id-u_brand_page.view-display-id-page_3 .product{ flex-basis: 33.33%; padding: 0 15px; margin-bottom: 30px; } .view-id-u_brand_page.view-display-id-page_3 .product .wrapper{ } .view-id-u_brand_page.view-display-id-page_3 .product .image{ margin-bottom: 15px; } .view-id-u_brand_page.view-display-id-page_3 .product .image img{ width: 100%; height: 100%; object-fit: cover; } .view-id-u_brand_page.view-display-id-page_3 .product .title{ background: #ffedbc; text-align: center; font-size: 14px; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; } .view-id-u_brand_page.view-display-id-page_3 .product .desc{ font-size: 13px; line-height: 1.7; margin-bottom: 15px; } .view-id-u_brand_page.view-display-id-page_3 .product .rating{ margin-bottom: 15px; } .view-id-u_brand_page.view-display-id-page_3 .product .rating .fivestar-widget{ max-width: 85px; margin: 0 auto; } .view-id-u_brand_page.view-display-id-page_3 .product .rating .fivestar-summary, .view-id-u_brand_page.view-display-id-page_3 .product .rating .description{ text-align: center; font-size: 11px; } .view-id-u_brand_page.view-display-id-page_3 .product .rating .fivestar-summary{ display: none; } .view-id-u_brand_page.view-display-id-page_3 .product .price{ text-align: center; font-size: 13px; color: #000; margin-bottom: 15px; } .view-id-u_brand_page.view-display-id-page_3 .product .link{ text-align: center; max-width: 150px; margin: 0 auto; display: flex; } .view-id-u_brand_page.view-display-id-page_3 .product .link a{ font-size: 14px; text-transform: uppercase; text-decoration: none; color: #000; width: 100%; border: 1px solid #000; padding: 4px; transition-duration: 0.8s; transition-delay: 0.2s; } .view-id-u_brand_page.view-display-id-page_3 .product .link a:hover{ background: #000; color: #fff; } #block-exxelprime-exposedformu-brand-pagepage-3{ } #block-exxelprime-exposedformu-brand-pagepage-3 form{ } #block-exxelprime-exposedformu-brand-pagepage-3 form .form--inline{ } #block-exxelprime-exposedformu-brand-pagepage-3 form details{ max-height: 500px; overflow-y: scroll; } #block-exxelprime-exposedformu-brand-pagepage-3 form .form-item{ margin: 0 0 30px 0; width: 100%; border-radius: 0; } #block-exxelprime-exposedformu-brand-pagepage-3 form .form-item summary{ font-size: 16px; font-weight: 600; letter-spacing: 0.5px; background-color: transparent !important; border: 0; } #block-exxelprime-exposedformu-brand-pagepage-3 form .form-item > label{ font-size: 16px; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 15px; } #block-exxelprime-exposedformu-brand-pagepage-3 form .form-item .bef-links{ } #block-exxelprime-exposedformu-brand-pagepage-3 form .form-item .bef-links ul{ padding-left: 0; } #block-exxelprime-exposedformu-brand-pagepage-3 form .form-item .bef-links ul li{ list-style: none; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #f0f0f0; } #block-exxelprime-exposedformu-brand-pagepage-3 form .form-item .bef-links ul li a{ font-size: 14px; text-decoration: none; color: #444; transition-duration: 0.8s; transition-delay: 0.2s; } #block-exxelprime-exposedformu-brand-pagepage-3 form .form-item .bef-links ul li a:hover{ color: #000; } #block-exxelprime-exposedformu-brand-pagepage-3 form .form-item .bef-links ul li a.bef-link--selected{ color: #c43030; } #block-exxelprime-exposedformu-brand-pagepage-3 form .form-item select{ font-size: 14px; border-radius: 0; box-shadow: none; } #block-exxelprime-exposedformu-brand-pagepage-3 form .form-item select option{ } /* BRAND PAGE SKIN CARE */ .view-id-u_brand_page.view-display-id-page_1{ margin-bottom: 75px; } .view-id-u_brand_page.view-display-id-page_1 .view-content{ display: flex; flex-wrap: wrap; max-width: 1170px; margin: 0 auto; padding: 0 15px; } .view-id-u_brand_page.view-display-id-page_1 .product{ flex-basis: 33.33%; padding: 0 15px; margin-bottom: 30px; } .view-id-u_brand_page.view-display-id-page_1 .product .wrapper{ } .view-id-u_brand_page.view-display-id-page_1 .product .image{ margin-bottom: 15px; } .view-id-u_brand_page.view-display-id-page_1 .product .image img{ width: 100%; height: 100%; object-fit: cover; } .view-id-u_brand_page.view-display-id-page_1 .product .title{ background: #ffedbc; text-align: center; font-size: 14px; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; } .view-id-u_brand_page.view-display-id-page_1 .product .desc{ font-size: 13px; line-height: 1.7; margin-bottom: 15px; } .view-id-u_brand_page.view-display-id-page_1 .product .rating{ margin-bottom: 15px; } .view-id-u_brand_page.view-display-id-page_1 .product .rating .fivestar-widget{ max-width: 85px; margin: 0 auto; } .view-id-u_brand_page.view-display-id-page_1 .product .rating .fivestar-summary, .view-id-u_brand_page.view-display-id-page_1 .product .rating .description{ text-align: center; font-size: 11px; } .view-id-u_brand_page.view-display-id-page_1 .product .rating .fivestar-summary{ display: none; } .view-id-u_brand_page.view-display-id-page_1 .product .price{ text-align: center; font-size: 13px; color: #000; margin-bottom: 15px; } .view-id-u_brand_page.view-display-id-page_1 .product .link{ text-align: center; max-width: 150px; margin: 0 auto; display: flex; } .view-id-u_brand_page.view-display-id-page_1 .product .link a{ font-size: 14px; text-transform: uppercase; text-decoration: none; color: #000; width: 100%; border: 1px solid #000; padding: 4px; transition-duration: 0.8s; transition-delay: 0.2s; } .view-id-u_brand_page.view-display-id-page_1 .product .link a:hover{ background: #000; color: #fff; } #block-exxelprime-exposedformu-brand-pagepage-1{ } #block-exxelprime-exposedformu-brand-pagepage-1 form{ } #block-exxelprime-exposedformu-brand-pagepage-1 form .form--inline{ } #block-exxelprime-exposedformu-brand-pagepage-1 form details{ max-height: 500px; overflow-y: scroll; } #block-exxelprime-exposedformu-brand-pagepage-1 form .form-item{ margin: 0; width: 100%; margin-bottom: 30px; border-radius: 0; } #block-exxelprime-exposedformu-brand-pagepage-1 form .form-item > label{ font-size: 16px; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 15px; } #block-exxelprime-exposedformu-brand-pagepage-1 form .form-item summary{ font-size: 16px; font-weight: 600; letter-spacing: 0.5px; background-color: transparent !important; border: 0; } #block-exxelprime-exposedformu-brand-pagepage-1 form .form-item .bef-links{ } #block-exxelprime-exposedformu-brand-pagepage-1 form .form-item .bef-links ul{ padding-left: 0; } #block-exxelprime-exposedformu-brand-pagepage-1 form .form-item .bef-links ul li{ list-style: none; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #f0f0f0; } #block-exxelprime-exposedformu-brand-pagepage-1 form .form-item .bef-links ul li a{ font-size: 14px; text-decoration: none; color: #444; transition-duration: 0.8s; transition-delay: 0.2s; } #block-exxelprime-exposedformu-brand-pagepage-1 form .form-item .bef-links ul li a:hover{ color: #000; } #block-exxelprime-exposedformu-brand-pagepage-1 form .form-item .bef-links ul li a.bef-link--selected{ color: #c43030; } #block-exxelprime-exposedformu-brand-pagepage-1 form .form-item select{ font-size: 14px; border-radius: 0; box-shadow: none; } #block-exxelprime-exposedformu-brand-pagepage-1 form .form-item select option{ } /* BRAND PAGE OMG */ #block-exxelprime-views-block-mc-vb-brand-category-block-1{ margin-bottom: 75px; } #block-exxelprime-views-block-mc-vb-brand-category-block-1 .view-content{ max-width: 1170px; margin: 0 auto 50px auto; padding: 0 15px 50px 15px; display: flex; flex-wrap: wrap; border-bottom: 1px solid #707070; justify-content: center; } #block-exxelprime-views-block-mc-vb-brand-category-block-1 .brand-cat{ flex-basis: 33.33%; margin-bottom: 30px; padding: 0 15px; } #block-exxelprime-views-block-mc-vb-brand-category-block-1 .brand-cat .wrapper{ position: relative; } #block-exxelprime-views-block-mc-vb-brand-category-block-1 .brand-cat .image{ border-radius: 20px; overflow: hidden; box-shadow: 0px 0px 5px 3px #d1d1d1; } #block-exxelprime-views-block-mc-vb-brand-category-block-1 .brand-cat .image img{ width: 100%; height: 100%; object-fit: cover; } #block-exxelprime-views-block-mc-vb-brand-category-block-1 .brand-cat .details{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; } #block-exxelprime-views-block-mc-vb-brand-category-block-1 .brand-cat .details a{ width: 100%; height: 100%; display: flex; text-decoration: none; } #block-exxelprime-views-block-mc-vb-brand-category-block-1 .brand-cat .details .details-wrapper{ align-self: center; width: 100%; } #block-exxelprime-views-block-mc-vb-brand-category-block-1 .brand-cat .details .details-center{ text-align: center; } #block-exxelprime-views-block-mc-vb-brand-category-block-1 .brand-cat .details .title{ background: #ffffffad; padding: 5px 0; font-size: 14px; text-transform: uppercase; color: #555; font-weight: 600; } #block-exxelprime-views-block-mc-vb-tips-trend-block-2{ margin-bottom: 75px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-2 .view-content{ max-width: 1170px; margin: 0 auto; padding: 0 15px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-2 .tips-and-trend{ margin-bottom: 15px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-2 .tips-and-trend .wrapper{ display: flex; flex-wrap: wrap; justify-content: space-between; } #block-exxelprime-views-block-mc-vb-tips-trend-block-2 .tips-and-trend .image{ flex-basis: 48%; } #block-exxelprime-views-block-mc-vb-tips-trend-block-2 .tips-and-trend .image img{ width: 100%; height: 100%; object-fit: cover; } #block-exxelprime-views-block-mc-vb-tips-trend-block-2 .tips-and-trend .details{ flex-basis: 48%; display: flex; } #block-exxelprime-views-block-mc-vb-tips-trend-block-2 .tips-and-trend .details .details-wrapper{ align-self: center; width: 100%; } #block-exxelprime-views-block-mc-vb-tips-trend-block-2 .tips-and-trend .details .details-center{ text-align: center; } #block-exxelprime-views-block-mc-vb-tips-trend-block-2 .tips-and-trend .details .title{ font-size: 18px; color: #000; margin-bottom: 15px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-2 .tips-and-trend .details .desc{ } #block-exxelprime-views-block-mc-vb-tips-trend-block-2 .tips-and-trend .details .desc p{ font-size: 14px; line-height: 1.7; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-1{ margin-bottom: 75px; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-1 > h2{ text-align: center; font-size: 28px; margin-bottom: 50px; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-1 .view-content{ max-width: 1170px; margin: 0 auto 50px auto; padding: 0 15px 50px 15px; display: flex; flex-wrap: wrap; border-bottom: 1px solid #707070; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-1 .product{ flex-basis: 25%; padding: 0 15px; margin-bottom: 30px; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-1 .product .wrapper{ } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-1 .product .image{ margin-bottom: 15px; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-1 .product .image a{ text-decoration: none; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-1 .product .image img{ width: 100%; height: 100%; object-fit: contain; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-1 .product .category{ text-align: center; font-size: 12px; color: #777; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-1 .product .title{ text-align: center; font-size: 14px; color: #444444; font-weight: 500; text-transform: uppercase; margin-bottom: 15px; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-1 .product .price{ text-align: center; font-size: 14px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-3{ margin-bottom: 75px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-3 .view-content{ max-width: 1170px; margin: 0 auto; padding: 0 15px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-3 .tips-and-trend{ } #block-exxelprime-views-block-mc-vb-tips-trend-block-3 .tips-and-trend .wrapper{ } #block-exxelprime-views-block-mc-vb-tips-trend-block-3 .tips-and-trend .title{ text-align: center; font-size: 18px; margin-bottom: 15px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-3 .tips-and-trend .sub-title{ text-align: center; max-width: 480px; margin: 0 auto 50px auto; } #block-exxelprime-views-block-mc-vb-tips-trend-block-3 .tips-and-trend .sub-title h2{ font-size: 28px; color: #000; } #block-exxelprime-views-block-mc-vb-tips-trend-block-3 .tips-and-trend .image{ max-width: 720px; margin: 0 auto 30px auto; } #block-exxelprime-views-block-mc-vb-tips-trend-block-3 .tips-and-trend .image img{ width: 100%; height: 100%; object-fit: cover; } #block-exxelprime-views-block-mc-vb-tips-trend-block-3 .tips-and-trend .desc{ } #block-exxelprime-views-block-mc-vb-tips-trend-block-3 .tips-and-trend .desc h2{ max-width: 720px; margin: 0 auto 15px auto; font-size: 24px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-3 .tips-and-trend .desc p{ max-width: 720px; margin: 0 auto 15px auto; font-size: 14px; line-height: 1.7; } #block-exxelprime-views-block-mc-vb-tips-trend-block-3 .tips-and-trend .desc img{ width: 100%; height: 100%; object-fit: contain; } #block-exxelprime-views-block-mc-vb-tips-trend-block-4{ margin-bottom: 75px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-4 .view-content{ max-width: 1170px; margin: 0 auto; padding: 0 15px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-4 .tips-and-trend{ margin-bottom: 15px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-4 .tips-and-trend .wrapper{ display: flex; flex-wrap: wrap; justify-content: space-between; } #block-exxelprime-views-block-mc-vb-tips-trend-block-4 .tips-and-trend .image{ flex-basis: 48%; } #block-exxelprime-views-block-mc-vb-tips-trend-block-4 .tips-and-trend .image img{ width: 100%; height: 100%; object-fit: cover; } #block-exxelprime-views-block-mc-vb-tips-trend-block-4 .tips-and-trend .details{ flex-basis: 48%; display: flex; } #block-exxelprime-views-block-mc-vb-tips-trend-block-4 .tips-and-trend .details .details-wrapper{ align-self: center; width: 100%; } #block-exxelprime-views-block-mc-vb-tips-trend-block-4 .tips-and-trend .details .details-center{ text-align: center; } #block-exxelprime-views-block-mc-vb-tips-trend-block-4 .tips-and-trend .details .title{ font-size: 18px; color: #000; margin-bottom: 15px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-4 .tips-and-trend .details .desc{ } #block-exxelprime-views-block-mc-vb-tips-trend-block-4 .tips-and-trend .details .desc p{ font-size: 14px; line-height: 1.7; } .view-id-u_brand_page.view-display-id-page_4{ margin-bottom: 75px; } .view-id-u_brand_page.view-display-id-page_4 .view-header{ padding: 0 30px; } .view-id-u_brand_page.view-display-id-page_4 .view-header .header-picker{ display: flex; margin-bottom: 10px; } .view-id-u_brand_page.view-display-id-page_4 .view-header .header-picker > div{ } .view-id-u_brand_page.view-display-id-page_4 .view-header .header-picker > div a{ cursor: pointer; } .view-id-u_brand_page.view-display-id-page_4 .view-header .header-picker > div img{ width: 50px; height: 50px; object-fit: contain; transition-duration: 0.8s; transition-delay: 0.2s; } .view-id-u_brand_page.view-display-id-page_4 .view-header .header-picker > div img:hover{ transform: scale(1.3); } .view-id-u_brand_page.view-display-id-page_4 .view-content{ display: flex; flex-wrap: wrap; max-width: 1170px; margin: 0 auto; padding: 0 15px; } .view-id-u_brand_page.view-display-id-page_4 .product{ flex-basis: 33.33%; padding: 0 15px; margin-bottom: 30px; } .view-id-u_brand_page.view-display-id-page_4 .product .wrapper{ } .view-id-u_brand_page.view-display-id-page_4 .product .image-section{ } .view-id-u_brand_page.view-display-id-page_4 .product .image{ height: 250px; margin-bottom: 15px; } .view-id-u_brand_page.view-display-id-page_4 .product .image img{ width: 100%; height: 100%; object-fit: cover; } .view-id-u_brand_page.view-display-id-page_4 .product .shade-image{ display: none; height: 250px; margin-bottom: 15px; } .view-id-u_brand_page.view-display-id-page_4 .product .shade-image img{ width: 100%; height: 100%; object-fit: contain; } .view-id-u_brand_page.view-display-id-page_4 .product .title{ background: #ffedbc; text-align: center; font-size: 14px; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; } .view-id-u_brand_page.view-display-id-page_4 .product .desc{ font-size: 13px; line-height: 1.7; margin-bottom: 15px; } .view-id-u_brand_page.view-display-id-page_4 .product .rating{ margin-bottom: 15px; } .view-id-u_brand_page.view-display-id-page_4 .product .rating .fivestar-widget{ max-width: 85px; margin: 0 auto; } .view-id-u_brand_page.view-display-id-page_4 .product .rating .fivestar-summary, .view-id-u_brand_page.view-display-id-page_4 .product .rating .description{ text-align: center; font-size: 11px; } .view-id-u_brand_page.view-display-id-page_4 .product .rating .fivestar-summary{ display: none; } .view-id-u_brand_page.view-display-id-page_4 .product .price{ text-align: center; font-size: 13px; color: #000; margin-bottom: 15px; } .view-id-u_brand_page.view-display-id-page_4 .product .link{ text-align: center; max-width: 150px; margin: 0 auto; display: flex; } .view-id-u_brand_page.view-display-id-page_4 .product .link a{ font-size: 14px; text-transform: uppercase; text-decoration: none; color: #000; width: 100%; border: 1px solid #000; padding: 4px; transition-duration: 0.8s; transition-delay: 0.2s; } .view-id-u_brand_page.view-display-id-page_4 .product .link a:hover{ background: #000; color: #fff; } #block-exxelprime-exposedformu-brand-pagepage-4{ } #block-exxelprime-exposedformu-brand-pagepage-4 form{ } #block-exxelprime-exposedformu-brand-pagepage-4 form .form--inline{ } #block-exxelprime-exposedformu-brand-pagepage-4 form details{ max-height: 500px; overflow-y: scroll; } #block-exxelprime-exposedformu-brand-pagepage-4 form .form-item{ margin: 0 0 30px 0; width: 100%; border-radius: 0; } #block-exxelprime-exposedformu-brand-pagepage-4 form .form-item summary{ font-size: 16px; font-weight: 600; letter-spacing: 0.5px; background-color: transparent !important; border: 0; } #block-exxelprime-exposedformu-brand-pagepage-4 form .form-item > label{ font-size: 16px; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 15px; } #block-exxelprime-exposedformu-brand-pagepage-4 form .form-item .bef-links{ } #block-exxelprime-exposedformu-brand-pagepage-4 form .form-item .bef-links ul{ padding-left: 0; } #block-exxelprime-exposedformu-brand-pagepage-4 form .form-item .bef-links ul li{ list-style: none; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #f0f0f0; } #block-exxelprime-exposedformu-brand-pagepage-4 form .form-item .bef-links ul li a{ font-size: 14px; text-decoration: none; color: #444; transition-duration: 0.8s; transition-delay: 0.2s; } #block-exxelprime-exposedformu-brand-pagepage-4 form .form-item .bef-links ul li a:hover{ color: #000; } #block-exxelprime-exposedformu-brand-pagepage-4 form .form-item .bef-links ul li a.bef-link--selected{ color: #c43030; } #block-exxelprime-exposedformu-brand-pagepage-4 form .form-item select{ font-size: 14px; border-radius: 0; box-shadow: none; } #block-exxelprime-exposedformu-brand-pagepage-4 form .form-item select option{ } #block-exxelprime-views-block-lsb-product-categories-block-2, #block-exxelprime-views-block-lsb-product-categories-block-1{ margin-bottom: 50px; } #block-exxelprime-views-block-lsb-product-categories-block-2 > h2, #block-exxelprime-views-block-lsb-product-categories-block-1 > h2{ font-size: 16px; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 15px; } #block-exxelprime-views-block-lsb-product-categories-block-2 .view-content, #block-exxelprime-views-block-lsb-product-categories-block-1 .view-content{ } #block-exxelprime-views-block-lsb-product-categories-block-2 .category, #block-exxelprime-views-block-lsb-product-categories-block-1 .category{ list-style: none; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #f0f0f0; } #block-exxelprime-views-block-lsb-product-categories-block-2 .category a, #block-exxelprime-views-block-lsb-product-categories-block-1 .category a{ font-size: 14px; text-decoration: none; color: #444; transition-duration: 0.8s; transition-delay: 0.2s; } #block-exxelprime-views-block-lsb-product-categories-block-2 .category a:hover, #block-exxelprime-views-block-lsb-product-categories-block-1 .category a:hover{ color: #c43030; } #block-exxelprime-views-block-lsb-product-categories-block-2 .category a.active, #block-exxelprime-views-block-lsb-product-categories-block-1 .category a.active{ color: #c43030; } /* BRAND PAGE BLUSOL */ .view-id-u_brand_page.view-display-id-page_2{ margin-bottom: 75px; } .view-id-u_brand_page.view-display-id-page_2 .view-content{ display: flex; flex-wrap: wrap; max-width: 1170px; margin: 0 auto; padding: 0 15px; justify-content: center; } .view-id-u_brand_page.view-display-id-page_2 .product{ flex-basis: 33.33%; padding: 0 15px; margin-bottom: 30px; } .view-id-u_brand_page.view-display-id-page_2 .product .wrapper{ } .view-id-u_brand_page.view-display-id-page_2 .product .image{ margin-bottom: 15px; } .view-id-u_brand_page.view-display-id-page_2 .product .image img{ width: 100%; height: 100%; object-fit: cover; } .view-id-u_brand_page.view-display-id-page_2 .product .title{ background: #ffedbc; text-align: center; font-size: 14px; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; } .view-id-u_brand_page.view-display-id-page_2 .product .desc{ font-size: 13px; line-height: 1.7; margin-bottom: 15px; } .view-id-u_brand_page.view-display-id-page_2 .product .rating{ margin-bottom: 15px; } .view-id-u_brand_page.view-display-id-page_2 .product .rating .fivestar-widget{ max-width: 85px; margin: 0 auto; } .view-id-u_brand_page.view-display-id-page_2 .product .rating .fivestar-summary, .view-id-u_brand_page.view-display-id-page_2 .product .rating .description{ text-align: center; font-size: 11px; } .view-id-u_brand_page.view-display-id-page_2 .product .rating .fivestar-summary{ display: none; } .view-id-u_brand_page.view-display-id-page_2 .product .price{ text-align: center; font-size: 13px; color: #000; margin-bottom: 15px; } .view-id-u_brand_page.view-display-id-page_2 .product .link{ text-align: center; max-width: 150px; margin: 0 auto; display: flex; } .view-id-u_brand_page.view-display-id-page_2 .product .link a{ font-size: 14px; text-transform: uppercase; text-decoration: none; color: #000; width: 100%; border: 1px solid #000; padding: 4px; transition-duration: 0.8s; transition-delay: 0.2s; } .view-id-u_brand_page.view-display-id-page_2 .product .link a:hover{ background: #000; color: #fff; } #block-exxelprime-exposedformu-brand-pagepage-2{ } #block-exxelprime-exposedformu-brand-pagepage-2 form{ } #block-exxelprime-exposedformu-brand-pagepage-2 form .form--inline{ } #block-exxelprime-exposedformu-brand-pagepage-2 form details{ max-height: 500px; overflow-y: scroll; } #block-exxelprime-exposedformu-brand-pagepage-2 form .form-item{ margin: 0 0 30px 0; width: 100%; border-radius: 0; } #block-exxelprime-exposedformu-brand-pagepage-2 form .form-item > label{ font-size: 16px; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 15px; } #block-exxelprime-exposedformu-brand-pagepage-2 form .form-item summary{ font-size: 16px; font-weight: 600; letter-spacing: 0.5px; background-color: transparent !important; border: 0; } #block-exxelprime-exposedformu-brand-pagepage-2 form .form-item .bef-links{ } #block-exxelprime-exposedformu-brand-pagepage-2 form .form-item .bef-links ul{ padding-left: 0; } #block-exxelprime-exposedformu-brand-pagepage-2 form .form-item .bef-links ul li{ list-style: none; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #f0f0f0; } #block-exxelprime-exposedformu-brand-pagepage-2 form .form-item .bef-links ul li a{ font-size: 14px; text-decoration: none; color: #444; transition-duration: 0.8s; transition-delay: 0.2s; } #block-exxelprime-exposedformu-brand-pagepage-2 form .form-item .bef-links ul li a:hover{ color: #c43030; } #block-exxelprime-exposedformu-brand-pagepage-2 form .form-item .bef-links ul li a.bef-link--selected{ color: #c43030; } #block-exxelprime-exposedformu-brand-pagepage-2 form .form-item select{ font-size: 14px; border-radius: 0; box-shadow: none; } #block-exxelprime-exposedformu-brand-pagepage-2 form .form-item select option{ } /* BRAND PAGE KLIK */ #block-exxelprime-views-block-mc-vb-brand-category-block-2{ margin-bottom: 75px; } #block-exxelprime-views-block-mc-vb-brand-category-block-2 .view-content{ max-width: 1170px; margin: 0 auto 50px auto; padding: 0 15px 50px 15px; display: flex; flex-wrap: wrap; border-bottom: 1px solid #707070; justify-content: center; } #block-exxelprime-views-block-mc-vb-brand-category-block-2 .brand-cat{ flex-basis: 33.33%; margin-bottom: 30px; padding: 0 15px; } #block-exxelprime-views-block-mc-vb-brand-category-block-2 .brand-cat .wrapper{ position: relative; } #block-exxelprime-views-block-mc-vb-brand-category-block-2 .brand-cat .image{ border-radius: 20px; overflow: hidden; box-shadow: 0px 0px 5px 3px #d1d1d1; } #block-exxelprime-views-block-mc-vb-brand-category-block-2 .brand-cat .image img{ width: 100%; height: 100%; object-fit: cover; } #block-exxelprime-views-block-mc-vb-brand-category-block-2 .brand-cat .details{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; } #block-exxelprime-views-block-mc-vb-brand-category-block-2 .brand-cat .details a{ width: 100%; height: 100%; display: flex; text-decoration: none; } #block-exxelprime-views-block-mc-vb-brand-category-block-2 .brand-cat .details .details-wrapper{ align-self: center; width: 100%; } #block-exxelprime-views-block-mc-vb-brand-category-block-2 .brand-cat .details .details-center{ text-align: center; } #block-exxelprime-views-block-mc-vb-brand-category-block-2 .brand-cat .details .title{ background: #ffffffad; padding: 5px 0; font-size: 14px; text-transform: uppercase; color: #555; font-weight: 600; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-2{ margin-bottom: 75px; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-2 > h2{ text-align: center; font-size: 28px; margin-bottom: 50px; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-2 .view-content{ max-width: 1170px; margin: 0 auto 50px auto; padding: 0 15px 50px 15px; display: flex; flex-wrap: wrap; border-bottom: 1px solid #707070; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-2 .product{ flex-basis: 25%; padding: 0 15px; margin-bottom: 30px; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-2 .product .wrapper{ } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-2 .product .image{ margin-bottom: 15px; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-2 .product .image a{ text-decoration: none; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-2 .product .image img{ width: 100%; height: 100%; object-fit: contain; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-2 .product .category{ text-align: center; font-size: 12px; color: #777; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-2 .product .title{ text-align: center; font-size: 14px; color: #444444; font-weight: 500; text-transform: uppercase; margin-bottom: 15px; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-2 .product .price{ text-align: center; font-size: 14px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-1{ margin-bottom: 75px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-1 .view-content{ max-width: 1170px; margin: 0 auto; padding: 0 15px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-1 .tips-and-trend{ } #block-exxelprime-views-block-mc-vb-tips-trend-block-1 .tips-and-trend .wrapper{ } #block-exxelprime-views-block-mc-vb-tips-trend-block-1 .tips-and-trend .title{ text-align: center; font-size: 18px; margin-bottom: 15px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-1 .tips-and-trend .sub-title{ text-align: center; max-width: 480px; margin: 0 auto 50px auto; } #block-exxelprime-views-block-mc-vb-tips-trend-block-1 .tips-and-trend .sub-title h2{ font-size: 28px; color: #000; } #block-exxelprime-views-block-mc-vb-tips-trend-block-1 .tips-and-trend .image{ max-width: 720px; margin: 0 auto 30px auto; } #block-exxelprime-views-block-mc-vb-tips-trend-block-1 .tips-and-trend .image img{ width: 100%; height: 100%; object-fit: cover; } #block-exxelprime-views-block-mc-vb-tips-trend-block-1 .tips-and-trend .desc{ } #block-exxelprime-views-block-mc-vb-tips-trend-block-1 .tips-and-trend .desc h2{ max-width: 720px; margin: 0 auto 15px auto; font-size: 24px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-1 .tips-and-trend .desc p{ max-width: 720px; margin: 0 auto 15px auto; font-size: 14px; line-height: 1.7; } #block-exxelprime-views-block-mc-vb-tips-trend-block-1 .tips-and-trend .desc img{ width: 100%; height: 100%; object-fit: contain; } .view-id-u_brand_page.view-display-id-page_5{ margin-bottom: 75px; } .view-id-u_brand_page.view-display-id-page_5 .view-content{ display: flex; flex-wrap: wrap; max-width: 1170px; margin: 0 auto; padding: 0 15px; } .view-id-u_brand_page.view-display-id-page_5 .product{ flex-basis: 33.33%; padding: 0 15px; margin-bottom: 30px; } .view-id-u_brand_page.view-display-id-page_5 .product .wrapper{ } .view-id-u_brand_page.view-display-id-page_5 .product .image{ margin-bottom: 15px; } .view-id-u_brand_page.view-display-id-page_5 .product .image img{ width: 100%; height: 100%; object-fit: cover; } .view-id-u_brand_page.view-display-id-page_5 .product .title{ background: #ffedbc; text-align: center; font-size: 14px; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; } .view-id-u_brand_page.view-display-id-page_5 .product .desc{ font-size: 13px; line-height: 1.7; margin-bottom: 15px; } .view-id-u_brand_page.view-display-id-page_5 .product .rating{ margin-bottom: 15px; } .view-id-u_brand_page.view-display-id-page_5 .product .rating .fivestar-widget{ max-width: 85px; margin: 0 auto; } .view-id-u_brand_page.view-display-id-page_5 .product .rating .fivestar-summary, .view-id-u_brand_page.view-display-id-page_5 .product .rating .description{ text-align: center; font-size: 11px; } .view-id-u_brand_page.view-display-id-page_5 .product .rating .fivestar-summary{ display: none; } .view-id-u_brand_page.view-display-id-page_5 .product .price{ text-align: center; font-size: 13px; color: #000; margin-bottom: 15px; } .view-id-u_brand_page.view-display-id-page_5 .product .link{ text-align: center; max-width: 150px; margin: 0 auto; display: flex; } .view-id-u_brand_page.view-display-id-page_5 .product .link a{ font-size: 14px; text-transform: uppercase; text-decoration: none; color: #000; width: 100%; border: 1px solid #000; padding: 4px; transition-duration: 0.8s; transition-delay: 0.2s; } .view-id-u_brand_page.view-display-id-page_5 .product .link a:hover{ background: #000; color: #fff; } #block-exxelprime-exposedformu-brand-pagepage-5{ } #block-exxelprime-exposedformu-brand-pagepage-5 form{ } #block-exxelprime-exposedformu-brand-pagepage-5 form .form--inline{ } #block-exxelprime-exposedformu-brand-pagepage-5 form details{ max-height: 500px; overflow-y: scroll; } #block-exxelprime-exposedformu-brand-pagepage-5 form .form-item{ margin: 0 0 30px 0; width: 100%; border-radius: 0; } #block-exxelprime-exposedformu-brand-pagepage-5 form .form-item > label{ font-size: 16px; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 15px; } #block-exxelprime-exposedformu-brand-pagepage-5 form .form-item summary{ font-size: 16px; font-weight: 600; letter-spacing: 0.5px; background-color: transparent !important; border: 0; } #block-exxelprime-exposedformu-brand-pagepage-5 form .form-item .bef-links{ } #block-exxelprime-exposedformu-brand-pagepage-5 form .form-item .bef-links ul{ padding-left: 0; } #block-exxelprime-exposedformu-brand-pagepage-5 form .form-item .bef-links ul li{ list-style: none; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #f0f0f0; } #block-exxelprime-exposedformu-brand-pagepage-5 form .form-item .bef-links ul li a{ font-size: 14px; text-decoration: none; color: #444; transition-duration: 0.8s; transition-delay: 0.2s; } #block-exxelprime-exposedformu-brand-pagepage-5 form .form-item .bef-links ul li a:hover{ color: #000; } #block-exxelprime-exposedformu-brand-pagepage-5 form .form-item .bef-links ul li a.bef-link--selected{ color: #c43030; } #block-exxelprime-exposedformu-brand-pagepage-5 form .form-item select{ font-size: 14px; border-radius: 0; box-shadow: none; } #block-exxelprime-exposedformu-brand-pagepage-5 form .form-item select option{ } @media only screen and (max-width: 600px){ #block-exxelprime-views-block-mc-vb-online-shops-block-1{ flex-basis: 100%; } #block-exxelprime-views-block-mc-vb-brand-category-block-3 .view-content{ padding: 0 0 50px 0; } #block-exxelprime-views-block-mc-vb-brand-category-block-2 .brand-cat, #block-exxelprime-views-block-mc-vb-brand-category-block-1 .brand-cat, #block-exxelprime-views-block-mc-vb-brand-category-block-3 .brand-cat{ padding: 0 7px; flex-basis: 100%; } #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-2 .product, #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-1 .product, #block-exxelprime-views-block-mc-vb-brand-best-seller-products-block-3 .product{ flex-basis: 50%; padding: 0 5px; } #block-exxelprime-views-block-mc-vb-tips-trend-block-2 .tips-and-trend .details, #block-exxelprime-views-block-mc-vb-tips-trend-block-2 .tips-and-trend .image, #block-exxelprime-views-block-mc-vb-tips-trend-block-4 .tips-and-trend .details, #block-exxelprime-views-block-mc-vb-tips-trend-block-4 .tips-and-trend .image, #block-exxelprime-views-block-mc-vb-tips-trend-block-6 .tips-and-trend .details, #block-exxelprime-views-block-mc-vb-tips-trend-block-6 .tips-and-trend .image{ flex-basis: 100%; margin-bottom: 30px; } .view-id-u_brand_page.view-display-id-page_2 .product, .view-id-u_brand_page.view-display-id-page_1 .product, .view-id-u_brand_page.view-display-id-page_4 .product, .view-id-u_brand_page.view-display-id-page_3 .product{ flex-basis: 100%; } .view-id-u_brand_page.view-display-id-page_1 .product .image, .view-id-u_brand_page.view-display-id-page_4 .product .image, .view-id-u_brand_page.view-display-id-page_3 .product .image{ height: auto; } }