/*-*/ /*--///COLORS*/ /*-*/ .text-bg-primary, .text-bg-outline-primary, .text-bg-secondary, .text-bg-outline-secondary, .text-bg-success, .text-bg-outline-success, .text-bg-danger, .text-bg-outline-danger, .text-bg-warning, .text-bg-outline-warning, .text-bg-info, .text-bg-outline-info, .text-bg-light, .text-bg-outline-light, .text-bg-dark, .text-bg-outline-dark { font-size: 100% !important; } .text-bg-primary { color: var(--FOCOPDV-B2B-white) !important; background-color: RGBA(var(--FOCOPDV-B2B-primary-rgb), var(--opacity, 1)) !important } .text-bg-outline-primary { color: var(--FOCOPDV-B2B-primary) !important; background-color: var(--FOCOPDV-B2B-white) !important; border: 2px solid var(--FOCOPDV-B2B-primary) !important } .text-bg-secondary { color: var(--FOCOPDV-B2B-white) !important; background-color: RGBA(var(--FOCOPDV-B2B-secondary-rgb), var(--opacity, 1)) !important } .text-bg-outline-secondary { color: var(--FOCOPDV-B2B-secondary) !important; background-color: var(--FOCOPDV-B2B-white) !important; border: 2px solid var(--FOCOPDV-B2B-secondary) !important } .text-bg-success { color: var(--FOCOPDV-B2B-white) !important; background-color: RGBA(var(--FOCOPDV-B2B-success-rgb), var(--opacity, 1)) !important } .text-bg-outline-success { color: var(--FOCOPDV-B2B-success) !important; background-color: var(--FOCOPDV-B2B-white) !important; border: 2px solid var(--FOCOPDV-B2B-success) !important } .text-bg-danger { color: var(--FOCOPDV-B2B-white) !important; background-color: RGBA(var(--FOCOPDV-B2B-danger-rgb), var(--opacity, 1)) !important } .text-bg-outline-danger { color: var(--FOCOPDV-B2B-danger) !important; background-color: var(--FOCOPDV-B2B-white) !important; border: 2px solid var(--FOCOPDV-B2B-danger) !important } .text-bg-warning { color: var(--FOCOPDV-B2B-white) !important; background-color: RGBA(var(--FOCOPDV-B2B-warning-rgb), var(--opacity, 1)) !important } .text-bg-outline-warning { color: var(--FOCOPDV-B2B-warning) !important; background-color: var(--FOCOPDV-B2B-white) !important; border: 2px solid var(--FOCOPDV-B2B-warning) !important } .text-bg-info { color: var(--FOCOPDV-B2B-dark) !important; background-color: RGBA(var(--FOCOPDV-B2B-info-rgb), var(--opacity, 1)) !important } .text-bg-outline-info { color: var(--FOCOPDV-B2B-info) !important; background-color: var(--FOCOPDV-B2B-white) !important; border: 2px solid var(--FOCOPDV-B2B-info) !important } .text-bg-light { color: var(--FOCOPDV-B2B-dark) !important; background-color: RGBA(var(--FOCOPDV-B2B-light-rgb), var(--opacity, 1)) !important } .text-bg-outline-light { color: var(--FOCOPDV-B2B-light) !important; background-color: var(--FOCOPDV-B2B-white) !important; border: 2px solid var(--FOCOPDV-B2B-light) !important } .text-bg-dark { color: var(--FOCOPDV-B2B-white) !important; background-color: RGBA(var(--FOCOPDV-B2B-dark-rgb), var(--opacity, 1)) !important } .text-bg-outline-dark { color: var(--FOCOPDV-B2B-dark) !important; background-color: var(--FOCOPDV-B2B-white) !important; border: 2px solid var(--FOCOPDV-B2B-dark) !important } .bg-primary { background-color: RGBA(var(--FOCOPDV-B2B-primary-rgb), var(--opacity, 1)) !important } .bg-secondary { background-color: RGBA(var(--FOCOPDV-B2B-secondary-rgb), var(--opacity, 1)) !important } .bg-light { background-color: var(--FOCOPDV-B2B-white) !important } .text-primary, .text-secondary, .text-success, .text-danger, .text-warning, .text-info, .text-light, .text-dark { } .text-primary { color: var(--FOCOPDV-B2B-primary) !important } .text-secondary { color: var(--FOCOPDV-B2B-secondary) !important } .text-success { color: var(--FOCOPDV-B2B-success) !important } .text-danger { color: var(--FOCOPDV-B2B-danger) !important } .text-warning { color: var(--FOCOPDV-B2B-warning) !important } .text-info { color: var(--FOCOPDV-B2B-info) !important } .text-light { color: var(--FOCOPDV-B2B-light) !important } .text-dark { color: var(--FOCOPDV-B2B-dark) !important } .text-heading { color: var(--FOCOPDV-B2B-heading) !important } .color-primary, .color-secondary, .color-success, .color-danger, .color-warning, .color-info, .color-light, .color-dark { } .color-primary { color: var(--FOCOPDV-B2B-primary) !important } .color-secondary { color: var(--FOCOPDV-B2B-secondary) !important } .color-success { color: var(--FOCOPDV-B2B-success) !important } .color-danger { color: var(--FOCOPDV-B2B-danger) !important } .color-warning { color: var(--FOCOPDV-B2B-warning) !important } .color-info { color: var(--FOCOPDV-B2B-info) !important } .color-light { color: var(--FOCOPDV-B2B-light) !important } .color-dark { color: var(--FOCOPDV-B2B-dark) !important } .color-heading { color: var(--FOCOPDV-B2B-heading) !important } table.table-PRODUTOS > thead tr, table.table-PRODUTOS > tfoot tr, table.table-FATURAMENTO > thead tr, table.table-FATURAMENTO > tfoot tr { color: var(--FOCOPDV-B2B-white) !important; background-color: var(--FOCOPDV-B2B-primary) !important } table.table-PRODUTOS > tfoot tr, table.table-FATURAMENTO > tfoot tr { color: var(--FOCOPDV-B2B-white) !important; background-color: var(--FOCOPDV-B2B-secondary) !important } table.table-PRODUTOS > tbody tr > td, table.table-FATURAMENTO > tbody tr > td { color: var(--FOCOPDV-B2B-text) !important } .badge.badge-primary, .badge.badge-secondary, .badge.badge-success, .badge.badge-danger, .badge.badge-warning, .badge.badge-info, .badge.badge-light, .badge.badge-dark { } .badge.badge-primary { color: var(--FOCOPDV-B2B-white) !important; background-color: var(--FOCOPDV-B2B-primary) !important } .badge.badge-secondary { color: var(--FOCOPDV-B2B-white) !important; background-color: var(--FOCOPDV-B2B-secondary) !important } .badge.badge-success { color: var(--FOCOPDV-B2B-white) !important; background-color: var(--FOCOPDV-B2B-success) !important } .badge.badge-danger { color: var(--FOCOPDV-B2B-white) !important; background-color: var(--FOCOPDV-B2B-danger) !important } .badge.badge-warning { color: var(--FOCOPDV-B2B-white) !important; background-color: var(--FOCOPDV-B2B-warning) !important } .badge.badge-info { color: var(--FOCOPDV-B2B-dark) !important; background-color: var(--FOCOPDV-B2B-info) !important } .badge.badge-light { color: var(--FOCOPDV-B2B-dark) !important; background-color: var(--FOCOPDV-B2B-light) !important } .badge.badge-dark { color: var(--FOCOPDV-B2B-white) !important; background-color: var(--FOCOPDV-B2B-dark) !important } .border-radius-0 { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .border-radius-top-0 { -webkit-border-top-left-radius: 0 !important; -webkit-border-top-right-radius: 0 !important; -moz-border-radius-topleft: 0 !important; -moz-border-radius-topright: 0 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .border-radius-bottom-0 { -webkit-border-bottom-right-radius: 0 !important; -webkit-border-bottom-left-radius: 0 !important; -moz-border-radius-bottomright: 0 !important; -moz-border-radius-bottomleft: 0 !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .border-radius-5 { -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; } .border-radius-top-5 { -webkit-border-top-left-radius: 5px !important; -webkit-border-top-right-radius: 5px !important; -moz-border-radius-topleft: 5px !important; -moz-border-radius-topright: 5px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; } .border-radius-bottom-5 { -webkit-border-bottom-right-radius: 5px !important; -webkit-border-bottom-left-radius: 5px !important; -moz-border-radius-bottomright: 5px !important; -moz-border-radius-bottomleft: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; } .fill-primary { fill: var(--FOCOPDV-B2B-primary-fill) !important } .fill-secondary { fill: var(--FOCOPDV-B2B-secondary-fill) !important } /*BUTTON*/ .product-add { color: var(--white); background: var(--primary) } .product-add:hover { color: var(--FOCOPDV-B2B-secondary) } /*LIST-GROUP*/ .list-group-item.text-primary.active { border-color: var(--FOCOPDV-B2B-primary) !important } .list-group-item.text-secondary.active { border-color: var(--FOCOPDV-B2B-secondary) !important } .list-group-item.text-success.active { border-color: var(--FOCOPDV-B2B-success) !important } .list-group-item.text-danger.active { border-color: var(--FOCOPDV-B2B-danger) !important } .list-group-item.text-warning.active { border-color: var(--FOCOPDV-B2B-warning) !important } .list-group-item.text-info.active { border-color: var(--FOCOPDV-B2B-info) !important } .list-group-item.text-light.active { border-color: var(--FOCOPDV-B2B-light) !important } .list-group-item.text-dark.active { border-color: var(--FOCOPDV-B2B-dark) !important } .copyClipboard { cursor: pointer !important; } .copyClipboardGrid { cursor: text !important; } /*HEADER*/ .user-login { width: 100%; font-size: 15px; padding: 6px 12px; border-radius: 6px; text-align: center; text-transform: none; color: var(--FOCOPDV-B2B-white); background: var(--FOCOPDV-B2B-primary); border: 1px solid var(--FOCOPDV-B2B-accent); text-shadow: var(--primary-tshadow); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } .user-login:focus, .user-login:active, .user-login:hover { color: var(--FOCOPDV-B2B-primary); background: var(--FOCOPDV-B2B-white); text-shadow: var(--primary-tshadow); border: 1px solid var(--FOCOPDV-B2B-primary); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } header#header-part.header-part.header-part-user { background-color: var(--FOCOPDV-B2B-primary) !important } header#header-part.header-part { background-color: var(--FOCOPDV-B2B-white) !important } .header-widget-group .header-widget:hover i { background: var(--FOCOPDV-B2B-secondary) !important } header#header-part.header-part.active .header-logo { padding: 4px 8px; background-color: var(--FOCOPDV-B2B-primary); border-radius: 6px } header#header-part.header-part .navbar-link { padding: 0; line-height: 0px; color: var(--FOCOPDV-B2B-white) !important } header#header-part.header-part.active .navbar-link { color: var(--FOCOPDV-B2B-dark) !important; } header.header-part .navbar-link.active::before { display: block; position: relative; top: -32px; height: 2px; background-color: var(--FOCOPDV-B2B-primary) !important; content: ""; width: 0; height: 0; left: 37.5%; border-style: solid; border-width: 10px 10px 0 10px; border-color: var(--FOCOPDV-B2B-white) var(--FOCOPDV-B2B-primary) var(--FOCOPDV-B2B-primary) var(--FOCOPDV-B2B-primary); background-color: var(--FOCOPDV-B2B-white) } header.header-part .navbar-link.active::before { border-color: var(--FOCOPDV-B2B-secondary) var(--FOCOPDV-B2B-transparent) var(--FOCOPDV-B2B-transparent) var(--FOCOPDV-B2B-transparent) !important; background-color: var(--FOCOPDV-B2B-transparent) !important } header.header-part .navbar-link:hover::after, header.header-part .navbar-link.active::after, header.header-part .navbar-item:hover .navbar-link::after { display: block; position: relative; bottom: -36px; height: 2px; content: ""; width: 100%; height: 0; border-style: solid; border-width: 2px; border-color: var(--FOCOPDV-B2B-secondary) !important; background-color: var(--FOCOPDV-B2B-secondary) !important } header.header-part.active .navbar-link.active::before { top: -16px; background-color: var(--FOCOPDV-B2B-transparent) !important; border-color: var(--FOCOPDV-B2B-secondary) var(--FOCOPDV-B2B-transparent) var(--FOCOPDV-B2B-transparent) var(--FOCOPDV-B2B-transparent) !important } header.header-part.active .navbar-link:hover::before { border-color: var(--FOCOPDV-B2B-secondary) var(--FOCOPDV-B2B-transparent) var(--FOCOPDV-B2B-transparent) var(--FOCOPDV-B2B-transparent) !important } header.header-part.active .navbar-link:hover::before { border-color: var(--FOCOPDV-B2B-primary) var(--FOCOPDV-B2B-transparent) var(--FOCOPDV-B2B-transparent) var(--FOCOPDV-B2B-transparent) !important } header.header-part.active .navbar-link:hover::after, header.header-part.active .navbar-link.active::after, header.header-part.active .navbar-item:hover .navbar-link::after, header.header-part.active .navbar-link:hover::after, header.header-part.active .navbar-link.active:hover::after { content: unset !important } header.header-part.active .navbar-link { padding: 24px 0 } header.header-part.active .navbar-link.active { padding-top: 13px } header#header-part.header-part .header-widget-group a.product-add.user-login { color: var(--FOCOPDV-B2B-secondary) !important; background-color: var(--FOCOPDV-B2B-white) !important; border-color: var(--FOCOPDV-B2B-secondary) !important } header#header-part.header-part .header-widget-group a.product-add.user-login:hover { color: var(--FOCOPDV-B2B-primary) !important; background-color: var(--FOCOPDV-B2B-secondary) !important; border-color: var(--FOCOPDV-B2B-primary) !important } header#header-part.header-part.active .header-widget-group a.product-add.user-login { color: var(--FOCOPDV-B2B-primary) !important; background-color: transparent !important; border-color: var(--FOCOPDV-B2B-primary) !important } /*extra*/ header#header-part.header-part.active .header-widget-group a.product-add.user-login { color: var(--FOCOPDV-B2B-white) !important; background-color: var(--FOCOPDV-B2B-secondary) !important; border-color: var(--FOCOPDV-B2B-white) !important } header#header-part.header-part .navbar-content { border-top-color: transparent !important } /* ------HEADER, ORDER*/ header.header-part.header-part-order-smart.hide-mobile, header.header-part.hide-mobile.hide-mobile-order { background-color: var(--FOCOPDV-B2B-primary) } header.header-part.header-part-order-smart.hide-mobile .container-full .d-flex.justify-content-between.align-items-center .d-flex:nth-child(1) .flexLogo a.header-logo img { max-width: 210px !important; height: unset !important } .nav-header { border-bottom: 1px solid var(--FOCOPDV-B2B-secondary) !important } .nav-content { padding: 18px } header#header-part.hidden-order.active > .container > .header-content > .header-widget-group > a.product-add.user-login { } /*FOOTER*/ footer#footer-part.footer-part div.footer-widget > a.footer-logo { padding: 24px; background-color: var(--FOCOPDV-B2B-primary); border-radius: 6px; text-align: center } /*ACCOUNT*/ /*CLIENTE*/ .intro-wrap.box.box-flip { cursor: pointer !important } tbody tr.tr-success:hover > td.text-success > span[class], tbody tr.tr-success:focus > td.text-success > span[class] { color: var(--FOCOPDV-B2B-white) !important; background-color: RGBA(var(--FOCOPDV-B2B-success-rgb), var(--opacity, 1)) !important } tbody tr.tr-success:hover > td > span.text-bg-outline-primary, tbody tr.tr-success:focus > td > span.text-bg-outline-primary { color: var(--FOCOPDV-B2B-white) !important; background-color: RGBA(var(--FOCOPDV-B2B-primary-rgb), var(--opacity, 1)) !important } tbody tr.tr-warning:hover > td.text-warning > span, tbody tr.tr-warning:focus > td.text-warning > span { color: var(--FOCOPDV-B2B-white) !important; background-color: RGBA(var(--FOCOPDV-B2B-warning-rgb), var(--opacity, 1)) !important } tbody tr.tr-warning:hover > td > span.text-bg-outline-primary, tbody tr.tr-warning:focus > td > span.text-bg-outline-primary { color: var(--FOCOPDV-B2B-white) !important; background-color: RGBA(var(--FOCOPDV-B2B-primary-rgb), var(--opacity, 1)) !important } tbody tr.tr-danger:hover > td.text-danger > span, tbody tr.tr-danger:focus > td.text-danger > span { color: var(--FOCOPDV-B2B-white) !important; background-color: RGBA(var(--FOCOPDV-B2B-danger-rgb), var(--opacity, 1)) !important } tbody tr.tr-danger:hover > td > span.text-bg-outline-primary, tbody tr.tr-danger:focus > td > span.text-bg-outline-primary { color: var(--FOCOPDV-B2B-white) !important; background-color: RGBA(var(--FOCOPDV-B2B-primary-rgb), var(--opacity, 1)) !important } div.table-responsive.shopping-cart > table.table a.product-thumb img { border: 2px solid var(--FOCOPDV-B2B-secondary) !important } div.table-responsive.shopping-cart > table.table>:not(:last-child)>:last-child>* { border-bottom-color: var(--FOCOPDV-B2B-transparent) !important } div.table-scroll > table.table > tbody > tr > td.table-status > button.product-add { min-width: 140px } /*OFERTAS*/ section#section-offers .filtersLandscape .shop-widget:last-child { margin-bottom: 10px; } section#section-offers #divTipoTabela .col > .product-card > .product-content > .product-name { min-height: 30px; } /*ERROR*/ /*HOME*/ /*---INDEX*/ /*------BANNERS*/ @media (min-width: 319px) and (max-width: 991px) { div#carouselHome.carousel.slide { margin-bottom: 20px !important; } } @media (min-width: 992px) { div#carouselHome.carousel.slide { margin-bottom: 35px !important; } } /*------CATEGORIAS*/ #sectionCategorias.section.promo-part .promo-img.bg-info > a > img, #sectionCategorias.section.promo-part .promo-img.bg-danger > a > img, #sectionCategorias.section.promo-part .promo-img.bg-warning > a > img, #sectionCategorias.section.promo-part .promo-img.bg-success > a > img { position: relative; z-index: 0; min-width: 460px; min-height: 345px; max-height: 345px; background-size: cover !important; } #sectionCategorias.section.promo-part .promo-img.bg-info > a > img::before, #sectionCategorias.section.promo-part .promo-img.bg-danger > a > img::before, #sectionCategorias.section.promo-part .promo-img.bg-warning > a > img::before, #sectionCategorias.section.promo-part .promo-img.bg-success > a > img::before { position: absolute; content: ""; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; opacity: 1 !important; background: var(--FOCOPDV-B2B-white) no-repeat center; background-image: var(--FOCOPDV-B2B-banner-category-light-src) !important; background-repeat: no-repeat; background-position: center; background-size: cover; } @media (min-width: 991px) and (max-width: 1024px) { #sectionCategorias.section.promo-part .promo-img.bg-info > a > img, #sectionCategorias.section.promo-part .promo-img.bg-danger > a > img, #sectionCategorias.section.promo-part .promo-img.bg-warning > a > img, #sectionCategorias.section.promo-part .promo-img.bg-success > a > img, #sectionCategorias.section.promo-part .promo-img.bg-info > a > img::before, #sectionCategorias.section.promo-part .promo-img.bg-danger > a > img::before, #sectionCategorias.section.promo-part .promo-img.bg-warning > a > img::before, #sectionCategorias.section.promo-part .promo-img.bg-success > a > img::before { width: 230px; height: 180px; /*extra*/ min-width: 230px; max-width: 240px; min-height: 180px; max-height: 190px } } @media (min-width: 993px) and (max-width: 1024px) { #sectionCategorias.section.promo-part .promo-img.bg-info > a > img::before, #sectionCategorias.section.promo-part .promo-img.bg-danger > a > img::before, #sectionCategorias.section.promo-part .promo-img.bg-warning > a > img::before, #sectionCategorias.section.promo-part .promo-img.bg-success > a > img::before { width: 240px } } @media (min-width: 1023px) and (max-width: 1280px) { #sectionCategorias.section.promo-part .promo-img.bg-info > a > img, #sectionCategorias.section.promo-part .promo-img.bg-danger > a > img, #sectionCategorias.section.promo-part .promo-img.bg-warning > a > img, #sectionCategorias.section.promo-part .promo-img.bg-success > a > img, #sectionCategorias.section.promo-part .promo-img.bg-info > a > img::before, #sectionCategorias.section.promo-part .promo-img.bg-danger > a > img::before, #sectionCategorias.section.promo-part .promo-img.bg-warning > a > img::before, #sectionCategorias.section.promo-part .promo-img.bg-success > a > img::before { width: 290px; height: 220px; /*extra*/ min-width: 290px; max-width: 300px; min-height: 220px; max-height: 230px } } @media (min-width: 1279px) and (max-width: 1366px) { #sectionCategorias.section.promo-part .promo-img.bg-info > a > img::before, #sectionCategorias.section.promo-part .promo-img.bg-danger > a > img::before, #sectionCategorias.section.promo-part .promo-img.bg-warning > a > img::before, #sectionCategorias.section.promo-part .promo-img.bg-success > a > img::before { width: 320px } } @media (min-width: 1365px) and (max-width: 1440px) { #sectionCategorias.section.promo-part .promo-img.bg-info > a > img::before, #sectionCategorias.section.promo-part .promo-img.bg-danger > a > img::before, #sectionCategorias.section.promo-part .promo-img.bg-warning > a > img::before, #sectionCategorias.section.promo-part .promo-img.bg-success > a > img::before { width: 340px } } @media (min-width: 1439px) and (max-width: 1680px) { #sectionCategorias.section.promo-part .promo-img.bg-info > a > img::before, #sectionCategorias.section.promo-part .promo-img.bg-danger > a > img::before, #sectionCategorias.section.promo-part .promo-img.bg-warning > a > img::before, #sectionCategorias.section.promo-part .promo-img.bg-success > a > img::before { width: 390px } } /*------PROMOÇÕES DO MÊS*/ @media (min-width: 319px) and (max-width: 991px) { section#sectionPromocoes.section.recent-part { margin-top: unset !important; } } @media (min-width: 992px) { section#sectionPromocoes.section.recent-part { margin-top: unset !important; } } /*------PRODUTOS MAIS VENDIDOS*/ @media (min-width: 319px) and (max-width: 991px) { section#sectionProdutos.section.recent-part { margin-top: unset !important; } } @media (min-width: 992px) { section#sectionProdutos.section.recent-part { margin-top: unset !important; } } /*Galaxy Tab S4*/ /* Portrait */ @media only screen and (min-width: 712px) and (max-width: 712px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 712px; min-height: 178px; background-size: cover; } .cart-list { max-height: calc(100vh - 235px); } } /* Landscape */ @media only screen and (min-width: 1138px) and (max-width: 1138px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 1138px; min-height: 285px; background-size: cover; } .cart-list { max-height: calc(100vh - 170px); } } /*iPhone SE*/ /* Portrait */ @media only screen and (min-width: 375px) and (max-width: 375px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 375px; min-height: 94px; background-size: cover; } .cart-list { max-height: calc(100vh - 315px); } } /* Landscape */ @media only screen and (min-width: 667px) and (max-width: 667px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 667px; min-height: 167px; background-size: cover; } .cart-list { max-height: calc(100vh - 235px); } } /*iPhone XR*/ /* Portrait */ @media only screen and (min-width: 414px) and (max-width: 414px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 414px; min-height: 104px; background-size: cover; } .cart-list { max-height: calc(100vh - 315px); } } /* Landscape */ @media only screen and (min-width: 896px) and (max-width: 896px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 896px; min-height: 224px; background-size: cover; } .cart-list { max-height: calc(100vh - 235px); } } /*iPhone 12 Pro*/ /* Portrait */ @media only screen and (min-width: 390px) and (max-width: 390px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 390px; min-height: 98px; background-size: cover; } .cart-list { max-height: calc(100vh - 315px); } } /* Landscape */ @media only screen and (min-width: 844px) and (max-width: 844px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 844px; min-height: 211px; background-size: cover; } .cart-list { max-height: calc(100vh - 235px); } } /*iPhone 14 Pro Max*/ /* Portrait */ @media only screen and (min-width: 430px) and (max-width: 430px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 430px; min-height: 108px; background-size: cover; } .cart-list { max-height: calc(100vh - 315px); } } /* Landscape */ @media only screen and (min-width: 932px) and (max-width: 932px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 932px; min-height: 233px; background-size: cover; } .cart-list { max-height: calc(100vh - 235px); } } /*Pixel 7*/ /* Portrait */ @media only screen and (min-width: 412px) and (max-width: 412px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 412px; min-height: 103px; background-size: cover; /*extra*/ max-width: 442px; min-height: 170px; } .cart-list { max-height: calc(100vh - 315px); } } /* Landscape */ @media only screen and (min-width: 915px) and (max-width: 915px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 915px; min-height: 229px; background-size: cover; } .cart-list { max-height: calc(100vh - 235px); } } /*Samsung Galaxy S8+*/ /* Portrait */ @media only screen and (min-width: 360px) and (max-width: 360px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 360px; min-height: 90px; background-size: cover; } .cart-list { max-height: calc(100vh - 315px); } } /* Landscape */ @media only screen and (min-width: 740px) and (max-width: 740px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 740px; min-height: 185px; background-size: cover; } .cart-list { max-height: calc(100vh - 235px); } } /*Samsung Galaxy S20 Ultra*/ /* Portrait */ @media only screen and (min-width: 412px) and (max-width: 412px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 412px; min-height: 103px; background-size: cover; } .cart-list { max-height: calc(100vh - 315px); } } /* Landscape */ @media only screen and (min-width: 915px) and (max-width: 915px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 915px; min-height: 229px; background-size: cover; } .cart-list { max-height: calc(100vh - 235px); } } /*iPad Mini*/ /* Portrait */ @media only screen and (min-width: 768px) and (max-width: 768px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 768px; min-height: 192px; background-size: cover; } .cart-list { max-height: calc(100vh - 315px); } } /* Landscape */ @media only screen and (min-width: 1024px) and (max-width: 1024px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 1024px; min-height: 256px; background-size: cover; } .cart-list { max-height: calc(100vh - 235px); } } /*iPad Air*/ /* Portrait */ @media only screen and (min-width: 820px) and (max-width: 820px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 820px; min-height: 205px; background-size: cover; } .cart-list { max-height: calc(100vh - 315px); } } /* Landscape */ @media only screen and (min-width: 1180px) and (max-width: 1180px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 1180px; min-height: 295px; background-size: cover; } .cart-list { max-height: calc(100vh - 235px); } } /**/ /**/ /**/ /**/ /**/ /*iPad 5 (DU)*/ /* Portrait */ @media only screen and (min-width: 768px) and (max-width: 768px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 768px; min-height: 192px; background-size: cover; } .cart-list { max-height: calc(100vh - 300px); } } /* Landscape */ @media only screen and (min-width: 1024px) and (max-width: 1024px) and (-webkit-device-pixel-ratio: 2) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 1024px; min-height: 256px; background-size: cover; } .cart-list { max-height: calc(100vh - 235px); } } /**/ /**/ /**/ /**/ /**/ /*iPad Pro*/ /* Portrait */ @media only screen and (min-width: 1024px) and (max-width: 1024px) and (-webkit-device-pixel-ratio: 2) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 1024px; min-height: 256px; background-size: cover; } .cart-list { max-height: calc(100vh - 315px); } } /* Landscape */ @media only screen and (min-width: 1024px) and (max-width: 1024px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 1024px; min-height: 256px; background-size: cover; } .cart-list { max-height: calc(100vh - 235px); } } /*Surface Pro 7*/ /* Portrait */ @media only screen and (min-width: 912px) and (max-width: 912px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 912px; min-height: 228px; background-size: cover; } .cart-list { max-height: calc(100vh - 235px); } } /* Landscape */ @media only screen and (min-width: 1368px) and (max-width: 1368px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 1368px; min-height: 342px; background-size: cover; } .cart-list { max-height: calc(100vh - 235px); } } /*Surface Duo*/ /* Portrait */ @media only screen and (min-width: 540px) and (max-width: 540px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 540px; min-height: 135px; background-size: cover; } } /* Landscape */ @media only screen and (min-width: 720px) and (max-width: 720px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 720px; min-height: 180px; background-size: cover; } } /*Galaxy Z Fold 5*/ /* Portrait */ @media only screen and (min-width: 344px) and (max-width: 344px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 344px; min-height: 86px; background-size: cover; } } /* Landscape */ @media only screen and (min-width: 882px) and (max-width: 882px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 882px; min-height: 221px; background-size: cover; } } /*Asus Zenbook Fold*/ /* Portrait */ @media only screen and (min-width: 853px) and (max-width: 853px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 853px; min-height: 213px; background-size: cover; } } /* Landscape */ @media only screen and (min-width: 1280px) and (max-width: 1280px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 1280px; min-height: 320px; background-size: cover; } } /*Samsung Galaxy A51/71*/ /* Portrait */ @media only screen and (min-width: 412px) and (max-width: 412px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 412px; min-height: 103px; background-size: cover; } } /* Landscape */ @media only screen and (min-width: 914px) and (max-width: 914px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 914px; min-height: 229px; background-size: cover; } } /*Nest Hub*/ @media only screen and (min-width: 1024px) and (max-width: 1024px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 1024px; min-height: 256px; background-size: cover; } } /*Nest Hub Max*/ @media only screen and (min-width: 1280px) and (max-width: 1280px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 1280px; min-height: 320px; background-size: cover; } } /*Samsung Galaxy Note 8*/ /* Portrait */ @media only screen and (min-width: 360px) and (max-width: 360px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 360px; min-height: 90px; background-size: cover; } } /* Landscape */ @media only screen and (min-width: 768px) and (max-width: 768px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 768px; min-height: 192px; background-size: cover; } } /*Galaxy Tab S9 FE*/ /* Portrait */ @media only screen and (min-width: 1600px) and (max-width: 1600px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 1600px; min-height: 400px; background-size: cover; } } /* Landscape */ @media only screen and (min-width: 820px) and (max-width: 884px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 824px; min-height: 206px; background-size: cover; } } /* Landscape */ @media only screen and (min-width: 1316px) and (max-width: 1380px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 1320px; min-height: 330px; background-size: cover; } } /*DEFAULT*/ @media only screen and (min-width: 375px) and (max-width: 375px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 375px; min-height: 94px; background-size: cover; } } @media only screen and (min-width: 1024px) and (max-width: 1024px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 1024px; min-height: 255px; background-size: cover; } } @media only screen and (min-width: 1366px) and (max-width: 1366px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 1366px; min-height: 342px; background-size: cover; } } @media only screen and (min-width: 1400px) and (max-width: 1400px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 1400px; min-height: 350px; background-size: cover; } } @media only screen and (min-width: 1440px) and (max-width: 1440px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 1440px; min-height: 360px; background-size: cover; } } @media only screen and (min-width: 1600px) and (max-width: 1600px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 1600px; min-height: 400px; background-size: cover; } } @media only screen and (min-width: 1680px) and (max-width: 1680px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { max-width: 1680px; min-height: 420px; background-size: cover; } } @media only screen and (min-width: 1919px) { section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { background-size: cover; } } .product-card .product-widget a, .feature-card .feature-widget a { } .product-card:hover .feature-widget a, .feature-card:hover .feature-widget a { color: var(--FOCOPDV-B2B-white) !important } /*---SOBRE*/ /*---CONTATO*/ .box-back { background-color: var(--FOCOPDV-B2B-primary) !important } .box:hover .box-back .btn:hover { color: var(--FOCOPDV-B2B-primary) !important } .box .box-back .btn:hover i { color: var(--FOCOPDV-B2B-primary) !important } /*SHARED*/ /*---LAYOUT*/ /*------HEADER*/ .header-logo img { } /*------FOOTER*/ footer#footer-part.footer-part div.footer-widget > a.footer-logo img { width: 180px !important; height: unset !important } .intro-part { background: var(--FOCOPDV-B2B-secondary) } .cart-media { padding: 18px 6px !important } .inner-section { margin-bottom: 15px } /*------FOOTER-MOBILE*/ #div-mobile-menu.mobile-menu { z-index: 99999 !important } .mobile-menu a, .mobile-menu button { -webkit-border-radius: 8px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius: 8px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-radius: 8px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px } [id^="mobile-menu"].active { background-color: var(--FOCOPDV-B2B-primary) !important; border-top: 3px solid var(--FOCOPDV-B2B-secondary) !important; margin-top: -3px } #div-mobile-menu.mobile-menu a.active i, #div-mobile-menu.mobile-menu button.active i, #div-mobile-menu.mobile-menu a.active span, #div-mobile-menu.mobile-menu button.active span { color: var(--FOCOPDV-B2B-white) } #div-mobile-menu.mobile-menu .mobile-link.active::after, #div-mobile-menu.mobile-menu a.active::after, #div-mobile-menu.mobile-menu button.active::after { display: block; position: relative; bottom: -8px; height: 2px; content: ""; width: 0; height: 0; left: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: var(--FOCOPDV-B2B-primary) var(--FOCOPDV-B2B-primary) var(--FOCOPDV-B2B-white) var(--FOCOPDV-B2B-primary); background-color: var(--FOCOPDV-B2B-primary); outline: none } /*SIDEBAR*/ .category-sidebar.active { z-index: 99999 } .category-list { height: calc(100vh - 175px) !important } .single-banner { color: var(--FOCOPDV-B2B-primary) !important } section.inner-section.single-banner { background-color: var(--FOCOPDV-B2B-primary) !important } section.inner-section.single-banner::before { background: -webkit-gradient(linear, right top, left top, from(var(--FOCOPDV-B2B-rgba-24-primary)), to(var(--FOCOPDV-B2B-rgba-64-primary))); background: linear-gradient(to left, var(--FOCOPDV-B2B-rgba-24-primary), var(--FOCOPDV-B2B-rgba-64-primary)) } /*-*/ /*--///TEXT*/ /*-*/ .text-bg-primary, .text-bg-secondary, .text-bg-success, .text-bg-danger, .text-bg-warning, .text-bg-info, .text-bg-light, .text-bg-dark { font-size: 100% !important; } .text-bg-primary { color: var(--FOCOPDV-B2B-white) !important; background-color: RGBA(var(--FOCOPDV-B2B-primary-rgb), var(--opacity, 1)) !important } .text-bg-secondary { color: var(--FOCOPDV-B2B-white) !important; background-color: RGBA(var(--FOCOPDV-B2B-secondary-rgb), var(--opacity, 1)) !important } .text-bg-success { color: var(--FOCOPDV-B2B-white) !important; background-color: RGBA(var(--FOCOPDV-B2B-success-rgb), var(--opacity, 1)) !important } .text-bg-danger { color: var(--FOCOPDV-B2B-white) !important; background-color: RGBA(var(--FOCOPDV-B2B-danger-rgb), var(--opacity, 1)) !important } .text-bg-warning { color: var(--FOCOPDV-B2B-white) !important; background-color: RGBA(var(--FOCOPDV-B2B-warning-rgb), var(--opacity, 1)) !important } .text-bg-info { color: var(--FOCOPDV-B2B-dark) !important; background-color: RGBA(var(--FOCOPDV-B2B-info-rgb), var(--opacity, 1)) !important } .text-bg-light { color: var(--FOCOPDV-B2B-dark) !important; background-color: RGBA(var(--FOCOPDV-B2B-light-rgb), var(--opacity, 1)) !important } .text-bg-dark { color: var(--FOCOPDV-B2B-white) !important; background-color: RGBA(var(--FOCOPDV-B2B-dark-rgb), var(--opacity, 1)) !important } .bg-primary { background-color: RGBA(var(--FOCOPDV-B2B-primary-rgb), var(--opacity, 1)) !important } .bg-secondary { background-color: RGBA(var(--FOCOPDV-B2B-secondary-rgb), var(--opacity, 1)) !important } /*-*/ /*--///BUTTON*/ /*-*/ button.swal2-confirm.swal2-styled { background-color: var(--FOCOPDV-B2B-primary); border-left-color: var(--FOCOPDV-B2B-primary); border-right-color: var(--FOCOPDV-B2B-primary) } /*-*/ /*--///SVGS*/ /*-*/ /*svg-user (path)*/ svg[id^="svg-user"], svg[id^="svg-account"] { } svg[id^="svg-user"], svg[id^="svg-account"] { fill: var(--FOCOPDV-B2B-primary) !important; background-color: var(--FOCOPDV-B2B-white) !important; border-radius: 50% !important; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } svg[id^="svg-user"] > path:nth-child(1), svg[id^="svg-account"] > path:nth-child(1) { fill: var(--FOCOPDV-B2B-primary) !important; } svg[id^="svg-user"] > path:nth-child(2), svg[id^="svg-account"] > path:nth-child(2) { fill: var(--FOCOPDV-B2B-primary) !important; } svg[id^="svg-user"] > path:nth-child(3), svg[id^="svg-account"] > path:nth-child(3) { fill: var(--FOCOPDV-B2B-secondary) !important; } /*svg-offers*/ svg[id^="svg-offers"] > g#price_tag > g > g > g > path { fill: var(--FOCOPDV-B2B-white) !important; } svg[id^="svg-offers"] > g#price_tag > g > g:nth-child(2) { fill: var(--FOCOPDV-B2B-primary) !important; } svg[id^="svg-offers"] > g#price_tag > g > g:nth-child(2) > path:nth-child(2) { fill: var(--FOCOPDV-B2B-secondary) !important; } /*svg-tag-price*/ svg[id^="svg-tag-price"] { transform: rotate(35deg); } svg[id^="svg-tag-price"] > clipPath#clip-svg-tag-price > path, svg[id^="svg-tag-price"] > g[clip-path^="url(#clip-svg-tag-price)"] { fill: var(--FOCOPDV-B2B-primary) !important; } svg[id^="svg-tag-price"] > g > path:nth-child(even) { fill: var(--FOCOPDV-B2B-secondary) !important; } svg[id^="svg-tag-price"] > g > path:nth-child(odd) { fill: var(--FOCOPDV-B2B-primary) !important; } /*svg-discount*/ svg[id^="svg-discount"] { } svg[id^="svg-discount"] { fill: var(--FOCOPDV-B2B-primary) !important; } svg[id^="svg-discount"] path:nth-child(even) { fill: var(--FOCOPDV-B2B-secondary) !important; } svg[id^="svg-discount"] path:nth-child(odd) { fill: var(--FOCOPDV-B2B-primary) !important; } /*svg-product*/ svg[id^="svg-product"] { } svg[id^="svg-product"] { fill: var(--FOCOPDV-B2B-primary) !important; } svg[id^="svg-product"] > g > g > path:nth-child(even) { fill: var(--FOCOPDV-B2B-secondary) !important; } svg[id^="svg-product"] > g > g > path:nth-child(odd) { fill: var(--FOCOPDV-B2B-primary) !important; } /*svg-image*/ svg[id^="svg-image"] { } svg[id^="svg-image"] { fill: var(--FOCOPDV-B2B-primary) !important; } svg[id^="svg-image"] > path:nth-child(even) { fill: var(--FOCOPDV-B2B-secondary) !important; } svg[id^="svg-image"] > path:nth-child(odd) { fill: var(--FOCOPDV-B2B-primary) !important; } svg[id^="svg-image"] > g { fill: var(--FOCOPDV-B2B-light) !important; } /*svg-image (path)*/ svg[id^="svg-image"] { } svg[id^="svg-image"] { fill: var(--FOCOPDV-B2B-primary) !important; } svg[id^="svg-image"] path:nth-child(1) { fill: var(--FOCOPDV-B2B-primary) !important; } svg[id^="svg-image"] path:nth-child(2) { fill: var(--FOCOPDV-B2B-secondary) !important; } /*svg-image (g>path)*/ svg[id^="svg-image"] { } svg[id^="svg-image"] { fill: var(--FOCOPDV-B2B-primary) !important; } svg[id^="svg-image"] > g > path:nth-child(even) { fill: var(--FOCOPDV-B2B-secondary) !important; } svg[id^="svg-image"] > g > path:nth-child(odd) { fill: var(--FOCOPDV-B2B-primary) !important; } /*-*/ /*--///SECTIONS*/ /*-*/ section.user-form-part .user-form-logo a { padding: 12px 24px; background-color: var(--FOCOPDV-B2B-primary); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px } div#divLogin, div#divRegister, div#divForgot, div#divPassword { position: relative; z-index: 99999 } div#divLogin > div.user-form-card > div.user-form-group > div#loginform.user-form form#frmLogin div.form-group em, div#divLogin > div.user-form-card > div.user-form-group > div#loginform.user-form form#frmLogin div.form-group i, div#divRegister > div.user-form-card > div.user-form-group > div#registerform.user-form form#frmCadastro div.form-group em, div#divRegister > div.user-form-card > div.user-form-group > div#registerform.user-form form#frmCadastro div.form-group i, div#divForgot > div.user-form-card > div.user-form-group > div#forgotform.user-form form#frmForgot div.form-group em, div#divForgot > div.user-form-card > div.user-form-group > div#forgotform.user-form form#frmForgot div.form-group i, div#divPassword > div.user-form-card > div.user-form-group > div#passwordform.user-form form#frmRedefinirSenha div.form-group em, div#divPassword > div.user-form-card > div.user-form-group > div#passwordform.user-form form#frmRedefinirSenha div.form-group i { } div#divLogin > div.user-form-card > div.user-form-group > div#loginform.user-form form#frmLogin div.form-group i, div#divRegister > div.user-form-card > div.user-form-group > div#registerform.user-form form#frmCadastro div.form-group i, div#divForgot > div.user-form-card > div.user-form-group > div#forgotform.user-form form#frmForgot div.form-group i, div#divPassword > div.user-form-card > div.user-form-group > div#passwordform.user-form form#frmRedefinirSenha div.form-group i { position: absolute; top: 0px; min-height: 45px; z-index: 1 } div#divLogin > div.user-form-card > div.user-form-group > div#loginform.user-form form#frmLogin div.form-group input[type="email"], div#divRegister > div.user-form-card > div.user-form-group > div#registerform.user-form form#frmCadastro div.form-group input[type="email"], div#divForgot > div.user-form-card > div.user-form-group > div#forgotform.user-form form#frmForgot div.form-group input[type="email"], div#divPassword > div.user-form-card > div.user-form-group > div#passwordform.user-form form#frmRedefinirSenha div.form-group input[type="email"], div#divLogin > div.user-form-card > div.user-form-group > div#loginform.user-form form#frmLogin div.form-group input[type="password"], div#divRegister > div.user-form-card > div.user-form-group > div#registerform.user-form form#frmCadastro div.form-group input[type="password"], div#divForgot > div.user-form-card > div.user-form-group > div#forgotform.user-form form#frmForgot div.form-group input[type="password"], div#divPassword > div.user-form-card > div.user-form-group > div#passwordform.user-form form#frmRedefinirSenha div.form-group input[type="password"] { z-index: 0 } div#divLogin > div.user-form-card > div.user-form-group > div#loginform.user-form form#frmLogin div.form-group em, div#divRegister > div.user-form-card > div.user-form-group > div#registerform.user-form form#frmCadastro div.form-group em, div#divForgot > div.user-form-card > div.user-form-group > div#forgotform.user-form form#frmForgot div.form-group em, div#divPassword > div.user-form-card > div.user-form-group > div#passwordform.user-form form#frmRedefinirSenha div.form-group em { position: relative; top: 0; margin-bottom: 0; width: 100%; z-index: 1 } .input-group-text.input-group-text-l, .input-group-text.input-group-text-r { position: unset; top: unset; min-height: unset; } .input-group-text.input-group-text-l { left: 0 !important; right: unset !important; margin-right: -1px; position: unset !important } .input-group-text.input-group-text-r { left: unset !important; right: 0 !important } /*-*/ /*--///LOGIN*/ /*-*/ .divLogin.container .div-login.col-md-6, .divLogin.container .div-registro.col-md-6 { text-align: center } .divLogin.container .div-registro.col-md-6 { padding-top: 24px } .input-group-text { color: var(--FOCOPDV-B2B-white); background-color: var(--FOCOPDV-B2B-primary); border: 1px solid var(--FOCOPDV-B2B-primary) } .user-form-remind { background: var(--white); border: 1px dashed var(--FOCOPDV-B2B-rgba-24-primary) } /*-*/ /*--///REGISTER*/ /*-*/ .div-registro .form-group { margin-bottom: 10px } .div-registro .btn-valida { line-height: inherit; height: 35px } /*-*/ /*--///INFO, SUCCESS, WARNING, DANGER*/ /*-*/ p.primary-light, p.primary-dark, p.secondary-light, p.secondary-dark, p.info-light, p.info-dark, p.success-light, p.success-dark, p.warning-light, p.warning-dark, p.danger-light, p.danger-dark { padding: 5px 15px; border-radius: 5px; font-style: italic } /*p.primary*/ p.primary-light { color: var(--FOCOPDV-B2B-primary); border: 1px dashed var(--FOCOPDV-B2B-primary); background-color: var(--FOCOPDV-B2B-rgba-24-primary) !important } p.primary-dark { color: var(--FOCOPDV-B2B-white); border: 1px dashed var(--FOCOPDV-B2B-white); background-color: var(--FOCOPDV-B2B-primary) !important } /*p.secondary*/ p.secondary-light { color: var(--FOCOPDV-B2B-secondary); border: 1px dashed var(--FOCOPDV-B2B-secondary); background-color: var(--FOCOPDV-B2B-rgba-24-secondary) !important } p.secondary-dark { color: var(--FOCOPDV-B2B-white); border: 1px dashed var(--FOCOPDV-B2B-white); background-color: var(--FOCOPDV-B2B-secondary) !important } /*p.info*/ p.info-light { color: var(--FOCOPDV-B2B-info); border: 1px dashed var(--FOCOPDV-B2B-info); background-color: var(--FOCOPDV-B2B-info-rgba-24) !important } p.info-dark { color: var(--FOCOPDV-B2B-white); border: 1px dashed var(--FOCOPDV-B2B-white); background-color: RGBA(var(--FOCOPDV-B2B-info-rgb)) !important } /*p.success*/ p.success-light { color: var(--FOCOPDV-B2B-success); border: 1px dashed var(--FOCOPDV-B2B-success); background-color: var(--FOCOPDV-B2B-success-rgba-24) !important } p.success-dark { color: var(--FOCOPDV-B2B-white); border: 1px dashed var(--FOCOPDV-B2B-white); background-color: RGBA(var(--FOCOPDV-B2B-success-rgb)) !important } /*p.warning*/ p.warning-light { color: var(--FOCOPDV-B2B-warning); border: 1px dashed var(--FOCOPDV-B2B-warning); background-color: var(--FOCOPDV-B2B-warning-rgba-24) !important } p.warning-dark { color: var(--FOCOPDV-B2B-white); border: 1px dashed var(--FOCOPDV-B2B-white); background-color: RGBA(var(--FOCOPDV-B2B-warning-rgb)) !important } /*p.danger*/ p.danger-light { color: var(--FOCOPDV-B2B-danger); border: 1px dashed var(--FOCOPDV-B2B-danger); background-color: var(--FOCOPDV-B2B-danger-rgba-24) !important } p.danger-dark { color: var(--FOCOPDV-B2B-white); border: 1px dashed var(--FOCOPDV-B2B-white); background-color: RGBA(var(--FOCOPDV-B2B-danger-rgb)) !important } /*SELECT*/ select { /*Ajust*/ max-height: 42px !important; padding: 0px 60px 0px 15px !important; border: 1px solid var(--FOCOPDV-B2B-primary) !important; /* styling */ background-color: var(--FOCOPDV-B2B-white); border: thin solid var(--FOCOPDV-B2B-primary); border-radius: 4px; display: inline-block; font: inherit; line-height: 1.5em; padding: 0.5em 3.5em 0.5em 1em; /* reset */ margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none } select.form-control.form-control-label { padding-top: 12px !important } /*-*/ /*--///arrows */ /*-*/ /*stylecolor*/ select.stylecolor, select.form-control-XYZ, select.form-control.form-control-stylecolor { background-image: linear-gradient(45deg, transparent 50%, var(--FOCOPDV-B2B-dark) 50%), linear-gradient(135deg, var(--FOCOPDV-B2B-dark) 50%, transparent 50%), linear-gradient(to right, var(--FOCOPDV-B2B-primary), var(--FOCOPDV-B2B-primary)); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0; background-size: 5px 5px, 5px 5px, 2.5em 2.5em; background-repeat: no-repeat } select.stylecolor:focus, select.form-control-XYZ:focus, select.form-control.form-control-stylecolor:focus { background-image: linear-gradient(45deg, var(--FOCOPDV-B2B-primary) 50%, transparent 50%), linear-gradient(135deg, transparent 50%, var(--FOCOPDV-B2B-primary) 50%), linear-gradient(to right, var(--FOCOPDV-B2B-light), var(--FOCOPDV-B2B-light)); background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, 100% 0; background-size: 5px 5px, 5px 5px, 2.5em 2.5em; background-repeat: no-repeat; border-color: var(--FOCOPDV-B2B-light); outline: 0 } /*round*/ select.round, select.form-control-XYZ, select.form-control.form-control-styleround { background-image: linear-gradient(45deg, transparent 50%, var(--FOCOPDV-B2B-light) 50%), linear-gradient(135deg, var(--FOCOPDV-B2B-light) 50%, transparent 50%), radial-gradient(var(--FOCOPDV-B2B-primary) 70%, transparent 72%); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - .5em) .5em; background-size: 5px 5px, 5px 5px, 1.5em 1.5em; background-repeat: no-repeat } select.round:focus, select.form-control-XYZ:focus, select.form-control.form-control-styleround:focus { background-image: linear-gradient(45deg, var(--FOCOPDV-B2B-primary) 50%, transparent 50%), linear-gradient(135deg, transparent 50%, var(--FOCOPDV-B2B-primary) 50%), radial-gradient(var(--FOCOPDV-B2B-white) 70%, transparent 72%); background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - .5em) .5em; background-size: 5px 5px, 5px 5px, 1.5em 1.5em; background-repeat: no-repeat; border-color: var(--FOCOPDV-B2B-primary); outline: 0 } /*divider*/ select.divider, select.form-control, select.form-control-XYZ, select.form-control.form-control-styledivider { background-image: linear-gradient(45deg, transparent 50%, var(--FOCOPDV-B2B-primary) 50%), linear-gradient(135deg, var(--FOCOPDV-B2B-primary) 50%, transparent 50%), linear-gradient(to right, var(--FOCOPDV-B2B-primary), var(--FOCOPDV-B2B-primary)); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat } select.divider:focus, select.form-control:focus, select.form-control-XYZ:focus, select.form-control.form-control-styledivider:focus { background-image: linear-gradient(45deg, var(--FOCOPDV-B2B-primary) 50%, transparent 50%), linear-gradient(135deg, transparent 50%, var(--FOCOPDV-B2B-primary) 50%), linear-gradient(to right, var(--FOCOPDV-B2B-primary), var(--FOCOPDV-B2B-primary)); background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; border-color: var(--FOCOPDV-B2B-primary); outline: 0 } select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000 } /*//*/ /*///---IMG-404*/ /*//*/ .header-logo img, header#header-part.header-part .header-content > .header-media-group .header-logo img, header#header-part.header-part .header-content > .header-media-group .header-logo img { max-width: unset !important; min-width: unset !important; max-height: 38px !important; min-height: auto !important; } .header-logo img::after, header#header-part.header-part .header-content > .header-media-group .header-logo img::after, header#header-part.header-part .header-content > .header-media-group .header-logo img::after { content: ""; position: absolute; z-index: 1; width: 180px; height: 48px; background: var(--FOCOPDV-B2B-white) no-repeat center; background-image: var(--FOCOPDV-B2B-logo-src) !important; color: transparent; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; /*extra*/ top: 8px } @media (min-width: 991px) { header#header-part.header-part .header-logo img::after, header#header-part.header-part .header-content > .header-media-group .header-logo img::after, header#header-part.header-part .header-content > .header-media-group .header-logo img::after { top: 14px } header#header-part.header-part.active .header-logo img::after, header#header-part.header-part.active .header-content > .header-media-group .header-logo img::after, header#header-part.header-part.active .header-content > .header-media-group .header-logo img::after { top: 4px } } @media (min-width: 991px) { header#header-part.header-part .header-logo.header-logo-logged img::after, header#header-part.header-part .header-content > .header-media-group .header-logo.header-logo-logged img::after, header#header-part.header-part .header-content > .header-media-group .header-logo.header-logo-logged img::after { top: 26px } header#header-part.header-part.active .header-logo img::after, header#header-part.header-part.active .header-content > .header-media-group .header-logo.header-logo-logged img::after, header#header-part.header-part.active .header-content > .header-media-group .header-logo.header-logo-logged img::after { top: 16px } } header#header-part.header-part .header-content > .header-media-group .header-src img, header#header-part.header-part .header-content > .header-media-group .header-user img, header#header-part.header-part .header-content > .header-widget-group > .header-widget.header-account > img { position: relative; z-index: 0; max-width: 40px !important; max-height: 40px !important; min-width: 40px !important; min-height: 40px !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } header#header-part.header-part .header-content > .header-media-group .header-src img::after, header#header-part.header-part .header-content > .header-media-group .header-user img::after, header#header-part.header-part .header-content > .header-widget-group > .header-widget.header-account > img::after { content: ""; position: absolute; z-index: 1; top: -2px; left: -2px; width: 44px; height: 44px; background: var(--FOCOPDV-B2B-white) no-repeat center; background-image: var(--FOCOPDV-B2B-user-src) !important; background-image: var(--FOCOPDV-B2B-user-svg) !important; color: transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .intro-wrap.box.box-perfil .user-avatar a > img { width: 90px; height: 90px; border-radius: 50%; } section.intro-part.intro-part-user-info #list-div-menu .intro-wrap.box.box-perfil .user-avatar a > img { position: relative; z-index: 0; max-width: 90px !important; max-height: 90px !important; min-width: 90px !important; min-height: 90px !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } section.intro-part.intro-part-user-info #list-div-menu .intro-wrap.box.box-perfil .user-avatar a > img::after { content: ""; position: absolute; z-index: 1; top: -2px; left: -2px; width: 94px; height: 94px; background: var(--FOCOPDV-B2B-white) no-repeat center; background-image: var(--FOCOPDV-B2B-account-src) !important; background-image: var(--FOCOPDV-B2B-account-svg) !important; color: transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .user-avatar a > img.avatar-md.rounded-circle.img-thumbnail-xyz { position: relative; z-index: 0; max-width: 90px !important; max-height: 90px !important; min-width: 90px !important; min-height: 90px !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .user-avatar a > img.avatar-md.rounded-circle.img-thumbnail-xyz::after { content: ""; position: absolute; z-index: 1; top: -2px; left: -2px; width: 94px; height: 94px; background: var(--FOCOPDV-B2B-white) no-repeat center; background-image: var(--FOCOPDV-B2B-account-src) !important; background-image: var(--FOCOPDV-B2B-account-svg) !important; color: transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .product-media > a.product-image > img { position: relative; z-index: 0; max-width: 180px !important; max-height: 180px !important; min-width: 180px !important; min-height: 180px !important; } .product-media > a.product-image > img::after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 180px; height: 180px; background: var(--FOCOPDV-B2B-white) no-repeat center; background-image: var(--FOCOPDV-B2B-img-src) !important; background-image: var(--FOCOPDV-B2B-img-svg) !important; color: transparent; } .feature-media > a.feature-image img { position: relative; z-index: 0; max-width: 128px !important; max-height: 128px !important; min-width: 128px !important; min-height: 128px !important; } .feature-media > a.feature-image img::after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 128px; height: 128px; background: var(--FOCOPDV-B2B-white) no-repeat center; background-image: var(--FOCOPDV-B2B-discount-src) !important; background-image: var(--FOCOPDV-B2B-discount-svg) !important; color: transparent; } .brand-media.industry > img { position: relative; z-index: 0; max-width: 98px !important; max-height: 80px !important; min-width: 98px !important; min-height: 80px !important; } .brand-media.industry > img::after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 98px; height: 80px; background: var(--FOCOPDV-B2B-white) no-repeat center; background-image: var(--FOCOPDV-B2B-industry-src) !important; background-image: var(--FOCOPDV-B2B-industry-svg) !important; color: transparent; } /*//*/ /*///---PEDIDOS-FILTERS*/ /*//*/ aside#aside-nav.nav-sidebar.nav-sidebar-filter { overflow-y: auto; overflow-x: hidden } aside#aside-nav.nav-sidebar.nav-sidebar-search > .nav-header.header-media-group .nav-close, aside#aside-nav.nav-sidebar.nav-sidebar-filter > .nav-header.header-media-group .nav-close { right: 0 } /*MD*/ header.header-part.hide-mobile div[class^="col"]:disabled, header.header-part.hide-mobile.active div[class^="col"]:disabled, .nav-header div[class^="col"]:disabled, header.header-part.hide-mobile div[class^="col"][disabled], header.header-part.hide-mobile.active div[class^="col"][disabled], .nav-header div[class^="col"][disabled], header.header-part.hide-mobile div[class^="col"][readonly], header.header-part.hide-mobile.active div[class^="col"][readonly], .nav-header div[class^="col"][readonly], /*XS*/ div#collapse_content_mobile.collapse div#divCheckout ul.nav-list > li:disabled, aside#aside-nav.nav-sidebar.nav-sidebar-filter ul.nav-list > li:disabled, div#collapse_content_mobile.collapse div#divCheckout ul.nav-list > li[disabled], aside#aside-nav.nav-sidebar.nav-sidebar-filter ul.nav-list > li[disabled], div#collapse_content_mobile.collapse div#divCheckout ul.nav-list > li[readonly], aside#aside-nav.nav-sidebar.nav-sidebar-filter ul.nav-list > li[readonly] { opacity: .3 !important; } label.form-control-label:disabled, label.form-control-label[disabled], label.form-control-label[readonly] { } select.divider:disabled, select.divider[readonly], select.form-control:disabled, select.form-control[readonly], select.form-control-XYZ:disabled, select.form-control-XYZ[readonly], select.form-control.form-control-styledivider:disabled, select.form-control.form-control-styledivider[readonly] { background-image: linear-gradient(45deg, transparent 50%, var(--FOCOPDV-B2B-silver) 50%), linear-gradient(135deg, var(--FOCOPDV-B2B-silver) 50%, transparent 50%), linear-gradient(to right, var(--FOCOPDV-B2B-silver), var(--FOCOPDV-B2B-silver)) !important; pointer-events: none; cursor: not-allowed !important; } /*-*/ /*--///BUTTON*/ /*-*/ button.swal2-confirm.swal2-styled { background-color: var(--FOCOPDV-B2B-primary) !important; border-left-color: var(--FOCOPDV-B2B-primary) !important; border-right-color: var(--FOCOPDV-B2B-primary) !important } @media (max-width: 991px) { button.swal2-confirm.swal2-styled, button.swal2-cancel.swal2-styled, button.swal2-confirm.swal2-style, button.swal2-modal.swal2-styled { width: 100% } } /*-*/ /*--///LOGIN*/ /*-*/ .divLogin.container .div-login.col-md-6, .divLogin.container .div-registro.col-md-6 { text-align: center } .divLogin.container .div-registro.col-md-6 { padding-top: 24px } /*-*/ /*--///WHATSAPP*/ /*-*/ #divWhatsAppMessage { background: var(--FOCOPDV-B2B-primary) !important; color: #fff } /*-*/ /*--///WINDOWS-STORE*/ /*-*/ .footer-app { display: unset } .market-button .mb-title { display: block; color: #505050; font-size: 18px } .market-button.mb-light-skin .mb-subtitle { opacity: .55 } .market-button.mb-light-skin .mb-subtitle, .market-button.mb-light-skin .mb-title { color: #fff } .market-button .mb-subtitle { display: block; margin-bottom: -4px; color: #999; font-size: 12px } .widget .market-button:last-child { margin-bottom: 0; } .market-button.mb-light-skin { border-color: rgba(255, 255, 255, 0.22); background-color: #0067b8 } .market-button.windows-button { background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDQ4MCA0ODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4MCA0ODA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMC4xNzYsMjI0TDAuMDAxLDY3Ljk2M2wxOTItMjYuMDcyVjIyNEgwLjE3NnogTTIyNC4wMDEsMzcuMjQxTDQ3OS45MzcsMHYyMjRIMjI0LjAwMVYzNy4yNDF6IE00NzkuOTk5LDI1NmwtMC4wNjIsMjI0ICAgbC0yNTUuOTM2LTM2LjAwOFYyNTZINDc5Ljk5OXogTTE5Mi4wMDEsNDM5LjkxOEwwLjE1Nyw0MTMuNjIxTDAuMTQ3LDI1NmgxOTEuODU0VjQzOS45MTh6IiBmaWxsPSIjMDBiY2YyIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==") } .market-button { display: inline-block; margin-right: 14px; margin-bottom: 14px; padding: 5px 14px 5px 45px; transition: background-color .3s; border: 1px solid #e5e5e5; border-radius: 5px; background-position: center left 12px; background-color: #fff; background-size: 24px 24px; background-repeat: no-repeat; text-decoration: none } .backtop { z-index: 99999 !important; background: var(--FOCOPDV-B2B-primary) !important; -webkit-box-shadow: 0px 0px 15px 3px var(--FOCOPDV-B2B-rgba-64-primary); box-shadow: 0px 0px 15px 3px var(--FOCOPDV-B2B-rgba-64-primary) } .category-list { height: calc(100vh - 340px) } /*TOAST*/ .iziToast { border: 1px solid #e5e5e5; background: #f5f5f5 } .iziToast::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 4px; box-shadow: 0 8px 10px -4px rgba(0,0,0,0.2); content: ''; z-index: -1 } .iziToast>.iziToast-body { margin-left: 15px } .iziToast>.iziToast-close { width: 40px; transition: opacity .25s; background: none; background-position: center; background-color: transparent; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE1LjY0MiAxNS42NDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1LjY0MiAxNS42NDIiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTguODgyLDcuODIxbDYuNTQxLTYuNTQxYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjEgIGMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMEw3LjgyMSw2Ljc2TDEuMjgsMC4yMmMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMGMtMC4yOTMsMC4yOTMtMC4yOTMsMC43NjgsMCwxLjA2MSAgbDYuNTQxLDYuNTQxTDAuMjIsMTQuMzYyYy0wLjI5MywwLjI5My0wLjI5MywwLjc2OCwwLDEuMDYxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyczAuMzg0LTAuMDczLDAuNTMtMC4yMmw2LjU0MS02LjU0MSAgbDYuNTQxLDYuNTQxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyYzAuMTkyLDAsMC4zODQtMC4wNzMsMC41My0wLjIyYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjFMOC44ODIsNy44MjF6IiBmaWxsPSIjMzc0MjUwIi8+Cjwvc3ZnPgo=); background-size: 8px; background-repeat: no-repeat } .iziToast.iziToast-info { border-color: rgba(33,150,243,0.3); background-color: #e3f2fd; color: #0d8aee } .iziToast.iziToast-info>.iziToast-close { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE1LjY0MiAxNS42NDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1LjY0MiAxNS42NDIiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTguODgyLDcuODIxbDYuNTQxLTYuNTQxYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjEgIGMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMEw3LjgyMSw2Ljc2TDEuMjgsMC4yMmMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMGMtMC4yOTMsMC4yOTMtMC4yOTMsMC43NjgsMCwxLjA2MSAgbDYuNTQxLDYuNTQxTDAuMjIsMTQuMzYyYy0wLjI5MywwLjI5My0wLjI5MywwLjc2OCwwLDEuMDYxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyczAuMzg0LTAuMDczLDAuNTMtMC4yMmw2LjU0MS02LjU0MSAgbDYuNTQxLDYuNTQxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyYzAuMTkyLDAsMC4zODQtMC4wNzMsMC41My0wLjIyYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjFMOC44ODIsNy44MjF6IiBmaWxsPSIjMTg5NmJiIi8+Cjwvc3ZnPgo=) } .iziToast.iziToast-success { border-color: rgba(76,175,80,0.3); background-color: #e7f5e7; color: #439a46 } .iziToast.iziToast-success>.iziToast-close { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE1LjY0MiAxNS42NDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1LjY0MiAxNS42NDIiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTguODgyLDcuODIxbDYuNTQxLTYuNTQxYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjEgIGMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMEw3LjgyMSw2Ljc2TDEuMjgsMC4yMmMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMGMtMC4yOTMsMC4yOTMtMC4yOTMsMC43NjgsMCwxLjA2MSAgbDYuNTQxLDYuNTQxTDAuMjIsMTQuMzYyYy0wLjI5MywwLjI5My0wLjI5MywwLjc2OCwwLDEuMDYxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyczAuMzg0LTAuMDczLDAuNTMtMC4yMmw2LjU0MS02LjU0MSAgbDYuNTQxLDYuNTQxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyYzAuMTkyLDAsMC4zODQtMC4wNzMsMC41My0wLjIyYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjFMOC44ODIsNy44MjF6IiBmaWxsPSIjMWY5NzZjIi8+Cjwvc3ZnPgo=) } .iziToast.iziToast-warning { border-color: rgba(255,160,0,0.3); background-color: #fff2db; color: #f09600 } .iziToast.iziToast-warning>.iziToast-close { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE1LjY0MiAxNS42NDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1LjY0MiAxNS42NDIiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTguODgyLDcuODIxbDYuNTQxLTYuNTQxYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjEgIGMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMEw3LjgyMSw2Ljc2TDEuMjgsMC4yMmMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMGMtMC4yOTMsMC4yOTMtMC4yOTMsMC43NjgsMCwxLjA2MSAgbDYuNTQxLDYuNTQxTDAuMjIsMTQuMzYyYy0wLjI5MywwLjI5My0wLjI5MywwLjc2OCwwLDEuMDYxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyczAuMzg0LTAuMDczLDAuNTMtMC4yMmw2LjU0MS02LjU0MSAgbDYuNTQxLDYuNTQxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyYzAuMTkyLDAsMC4zODQtMC4wNzMsMC41My0wLjIyYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjFMOC44ODIsNy44MjF6IiBmaWxsPSIjZTg4OTAwIi8+Cjwvc3ZnPgo=) } .iziToast.iziToast-danger { border-color: rgba(244,67,54,0.3); background-color: #fee6e4; color: #f44336 } .iziToast.iziToast-danger>.iziToast-close { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE1LjY0MiAxNS42NDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1LjY0MiAxNS42NDIiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTguODgyLDcuODIxbDYuNTQxLTYuNTQxYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjEgIGMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMEw3LjgyMSw2Ljc2TDEuMjgsMC4yMmMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMGMtMC4yOTMsMC4yOTMtMC4yOTMsMC43NjgsMCwxLjA2MSAgbDYuNTQxLDYuNTQxTDAuMjIsMTQuMzYyYy0wLjI5MywwLjI5My0wLjI5MywwLjc2OCwwLDEuMDYxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyczAuMzg0LTAuMDczLDAuNTMtMC4yMmw2LjU0MS02LjU0MSAgbDYuNTQxLDYuNTQxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyYzAuMTkyLDAsMC4zODQtMC4wNzMsMC41My0wLjIyYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjFMOC44ODIsNy44MjF6IiBmaWxsPSIjZWIwMDAwIi8+Cjwvc3ZnPgo=) } .toast.position-fixed { min-width: 300px; z-index: 999999 } .toast.position-fixed.top-center { top: 30px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .toast.position-fixed.top-right { top: 30px; right: 30px } .toast.position-fixed.top-left { top: 30px; left: 30px } .toast.position-fixed.bottom-center { bottom: 30px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .toast.position-fixed.bottom-right { bottom: 30px; right: 30px } .toast.position-fixed.bottom-left { bottom: 30px; left: 30px } @media (min-width: 1680px) { /*HEADER*/ /*LOGO*/ header.header-part .header-logo { /*margin-right: 180px;*/ } /*MENU*/ .navbar-item { margin-right: 24px !important; margin-left: 24px !important; } } @media (min-width: 1440px) and (max-width: 1679px) { /*HEADER*/ .navbar-item { margin-right: 24px !important; margin-left: 24px !important; } } @media (min-width: 1200px) and (max-width: 1439px) { /*HEADER*/ /*LOGO*/ header.header-part .header-logo { /*margin-right: 170px !important;*/ } /*MENU*/ .navbar-item { margin-right: 24px !important; margin-left: 24px !important; } } @media (min-width: 992px) and (max-width: 1199px) { /*HEADER*/ .navbar-item { margin-right: 24px !important; margin-left: 24px !important; } } @media (min-width: 992px) and (max-width: 1279px) { /*HEADER*/ /*LOGO*/ header.header-part .header-logo { /*margin-right: 180px !important;*/ } /*MENU*/ .navbar-item { margin-right: 24px !important; margin-left: 24px !important; } } @media (max-width: 360px) { .toast.position-fixed.top-right, .toast.position-fixed.top-left, .toast.position-fixed.bottom-right, .toast.position-fixed.bottom-left { right:auto; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } } /*-*/ /*--///RESET*/ /*-*/ a { color: var(--sub-heading); transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s } a:hover { color: var(--FOCOPDV-B2B-secondary) !important } .btn-primary { color: var(--FOCOPDV-B2B-white) !important; background-color: var(--FOCOPDV-B2B-primary) !important; border-color: var(--FOCOPDV-B2B-secondary) !important } .btn-group.btn-group-actions .btn-outline-primary:hover { color: var(--FOCOPDV-B2B-white) !important; background-color: var(--FOCOPDV-B2B-primary) !important; border-color: var(--FOCOPDV-B2B-secondary) !important } .product-add { color: var(--FOCOPDV-B2B-primary) !important; background-color: transparent !important; border-color: var(--FOCOPDV-B2B-primary) !important } .product-add:hover, .product-add.active { color: var(--FOCOPDV-B2B-white) !important; background-color: var(--FOCOPDV-B2B-primary) !important; border-color: var(--FOCOPDV-B2B-white) !important } .btn-outline-primary { color: var(--FOCOPDV-B2B-primary) !important; border-color: var(--FOCOPDV-B2B-primary) !important; background-color: transparent !important } .btn-outline-primary:hover, .btn-outline-primary.active { color: var(--FOCOPDV-B2B-white) !important; background-color: var(--FOCOPDV-B2B-primary) !important; border-color: var(--FOCOPDV-B2B-primary) !important } .btn-outline-secondary { color: var(--FOCOPDV-B2B-secondary) !important; border-color: var(--FOCOPDV-B2B-secondary) !important; background-color: transparent !important } .btn-outline-secondary:hover, .btn-outline-secondary.active { color: var(--FOCOPDV-B2B-white) !important; background-color: var(--FOCOPDV-B2B-secondary) !important; border-color: var(--FOCOPDV-B2B-secondary) !important } .btn-outline-success { color: var(--FOCOPDV-B2B-success) !important; border-color: var(--FOCOPDV-B2B-success) !important; background-color: transparent !important } .btn-outline-success:hover, .btn-outline-success.active { color: var(--FOCOPDV-B2B-white) !important; background-color: var(--FOCOPDV-B2B-success) !important; border-color: var(--FOCOPDV-B2B-success) !important } .btn-outline-info { color: var(--FOCOPDV-B2B-info) !important; border-color: var(--FOCOPDV-B2B-info) !important; background-color: transparent !important } .btn-outline-info:hover, .btn-outline-info.active { color: var(--FOCOPDV-B2B-white) !important; background-color: var(--FOCOPDV-B2B-success) !important; border-color: var(--FOCOPDV-B2B-success) !important } /*extra*/ .btn-outline-info:hover, .btn-outline-info.active { color: var(--FOCOPDV-B2B-white) !important; background-color: var(--FOCOPDV-B2B-info) !important; border-color: var(--FOCOPDV-B2B-info) !important } .btn-outline-warning { color: var(--FOCOPDV-B2B-warning) !important; border-color: var(--FOCOPDV-B2B-warning) !important; background-color: transparent !important } .btn-outline-warning:hover, .btn-outline-warning.active { color: var(--FOCOPDV-B2B-white) !important; background-color: var(--FOCOPDV-B2B-warning) !important; border-color: var(--FOCOPDV-B2B-warning) !important } .btn-outline-danger { color: var(--FOCOPDV-B2B-danger) !important; border-color: var(--FOCOPDV-B2B-danger) !important; background-color: transparent !important } .btn-outline-danger:hover, .btn-outline-danger.active { color: var(--FOCOPDV-B2B-white) !important; background-color: var(--FOCOPDV-B2B-danger) !important; border-color: var(--FOCOPDV-B2B-danger) !important } .btn-outline-light { color: var(--FOCOPDV-B2B-black) !important; border-color: var(--FOCOPDV-B2B-black) !important; background-color: var(--FOCOPDV-B2B-light) !important } .btn-outline-light:hover, .btn-outline-light.active { color: var(--FOCOPDV-B2B-black) !important; background-color: var(--FOCOPDV-B2B-light) !important; border-color: var(--FOCOPDV-B2B-light) !important } .btn-outline-dark { color: var(--FOCOPDV-B2B-black) !important; border-color: var(--FOCOPDV-B2B-dark) !important; background-color: transparent !important } .btn-outline-dark:hover, .btn-outline-dark.active { color: var(--FOCOPDV-B2B-white) !important; background-color: var(--FOCOPDV-B2B-dark) !important; border-color: var(--FOCOPDV-B2B-dark) !important } .btn-outline- { color: var(--FOCOPDV-B2B-primary) !important; border-color: var(--FOCOPDV-B2B-primary) !important; background-color: transparent !important } .btn-outline-:hover, .btn-outline-.active { color: var(--FOCOPDV-B2B-secondary) !important; background-color: var(--FOCOPDV-B2B-primary) !important; border-color: var(--FOCOPDV-B2B-primary) !important } .cart-checkout-btn:hover { background: var(--FOCOPDV-B2B-secondary) !important } button.no-cursorpointer { cursor: unset !important } .swal2-container.swal2-shown { z-index: 99999 } .product-card:hover .product-add { color: var(--white) !important } .cursor-p { cursor: pointer !important } .cursor-n { cursor: none !important } /*-*/ /*--///@animation */ /*-*/ .animation-circle-inverse { opacity: .64; } @-webkit-keyframes float { 0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px) } 50% { -webkit-transform: translate(-10px, 0); transform: translate(-10px, 0) } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px) } } @keyframes float { 0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px) } 50% { -webkit-transform: translate(0, -10px); transform: translate(0, -10px) } 100% { -webkit-transform: translate(0px); transform: translate(0px) } } @-webkit-keyframes float2 { 0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px) } 50% { -webkit-transform: translate(10px, 0); transform: translate(10px, 0) } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px) } } @keyframes float2 { 0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px) } 50% { -webkit-transform: translate(0, 10px); transform: translate(0, 10px) } 100% { -webkit-transform: translate(0px); transform: translate(0px) } } @-webkit-keyframes float3 { 0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px) } 50% { -webkit-transform: translate(0, -10px); transform: translate(0, -10px) } 100% { -webkit-transform: translate(0px); transform: translate(0px) } } @keyframes float3 { 0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px) } 50% { -webkit-transform: translate(0, -10px); transform: translate(0, -10px) } 100% { -webkit-transform: translate(0px); transform: translate(0px) } } @-webkit-keyframes float4 { 0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px) } 50% { -webkit-transform: translate(-10px, 0); transform: translate(-10px, 0) } 100% { -webkit-transform: translate(0px); transform: translate(0px) } } @keyframes float4 { 0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px) } 50% { -webkit-transform: translate(-10px, 0); transform: translate(-10px, 0) } 100% { -webkit-transform: translate(0px); transform: translate(0px) } } @keyframes ripple1 { 0% { -webkit-transform: scale(5.5); transform: scale(5.5); opacity: 0.3 } 100% { -webkit-transform: scale(8.5); transform: scale(8.5); opacity: 0 } } @-webkit-keyframes ripple1 { 0% { -ms-transform: scale(5.5); -webkit-transform: scale(5.5); transform: scale(5.5); opacity: 0.3 } 100% { -ms-transform: scale(8.5); -webkit-transform: scale(8.5); transform: scale(8.5); opacity: 0 } } @keyframes ripple2 { 0% { -ms-transform: scale(3.5); -webkit-transform: scale(3.5); transform: scale(3.5) } 100% { -ms-transform: scale(5.5); -webkit-transform: scale(5.5); transform: scale(5.5) } } @-webkit-keyframes ripple2 { 0% { -ms-transform: scale(3.5); -webkit-transform: scale(3.5); transform: scale(3.5) } 100% { -ms-transform: scale(5.5); -webkit-transform: scale(5.5); transform: scale(5.5) } } @keyframes ripple3 { 0% { -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5) } 100% { -ms-transform: scale(3.5); -webkit-transform: scale(3.5); transform: scale(3.5) } } @-webkit-keyframes ripple3 { 0% { -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5) } 100% { -ms-transform: scale(3.5); -webkit-transform: scale(3.5); transform: scale(3.5) } } .animation-circle-inverse { opacity: 0.45 } .animation-circle-inverse.absolute i { top: 0; left: 45% } .animation-circle-inverse i { background: var(--FOCOPDV-B2B-rgba-24-primary); right: 0; -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11); box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11); position: absolute; height: 100px; width: 100px; border-radius: 100%; opacity: 0.3; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -webkit-animation: ripple1 3s linear infinite; animation: ripple1 3s linear infinite } .animation-circle-inverse i:nth-child(2) { -webkit-animation: ripple2 3s linear infinite; animation: ripple2 3s linear infinite } .animation-circle-inverse i:nth-child(3) { -webkit-animation: ripple3 3s linear infinite; animation: ripple3 3s linear infinite } .product-card:hover .product-add { color: var(--white) !important } .cursor-p { cursor: pointer !important } .cursor-n { cursor: none !important } .form-button button:disabled { pointer-events: auto! important; cursor: not-allowed! important; background-color: var(--FOCOPDV-B2B-rgba-24-primary) } .cart-media.mr-0 { margin-right: 0 !important } /*-*/ /*--///INLINE-LAYOUT */ /*-*/ .backdrop, .modal-backdrop { z-index: 99998 !important } .header-part { z-index: 99997 !important } .intro-part.intro-part-user-info { z-index: 99996 !important } #divFiltros button[style="opacity: 1;"], .table-responsive #divFiltros button[style="opacity: 1;"] { color: var(--FOCOPDV-B2B-white) !important; background-color: var(--FOCOPDV-B2B-primary) !important; border-color: var(--FOCOPDV-B2B-secondary) !important } aside#aside-account.cart-sidebar.account-sidebar > ul.cart-list { } header#header-part.header-part { background-color: var(--FOCOPDV-B2B-primary) !important } header#header-part.header-part.active { background-color: var(--FOCOPDV-B2B-white) !important } aside#aside-cart.cart-sidebar.active .cart-header .cart-total * { color: var(--FOCOPDV-B2B-white) !important } aside#aside-cart.cart-sidebar.active ul.cart-list > li.cart-item > div.cart-info-group > div.cart-info p[onclick], aside#aside-cart.cart-sidebar.active ul.cart-list > li.cart-item > div.cart-info-group > div.cart-info h6 > a, aside#aside-cart.cart-sidebar.active ul.cart-list > li.cart-item > div.cart-info-group > div.cart-action-group h6 { cursor: pointer !important } section#section-industriesbrands { margin-top: 115px } .account-sidebar, .account-sidebar.active, .cart-sidebar, .cart-sidebar.active, .nav-sidebar, .nav-sidebar.active { z-index: 99999 !important } #divFiltros form#frmFiltroPedidos div.status-pedidos.input-group > ul.list-group > li.btn, #divFiltros form#frmFiltroPedidos div.status-pedidos.input-group > div.btn-group > button.btn { margin-left: -2px } .pulse_whatsapp.left { bottom: 14px; left: 14px; } a.btnWhatsApp.left { left: 12px; bottom: 6px; } #divWhatsAppMessage.left { left: 72px; bottom: 24px; } .pulse_whatsapp.right { bottom: 14px; right: 14px; } a.btnWhatsApp.right { right: 12px; bottom: 6px; } #divWhatsAppMessage.right { right: 72px; bottom: 24px; } .swal2-buttonswrapper.swal2-loading > button.swal2-confirswal2-confirm.swal2-styled { background-color: var(--FOCOPDV-B2B-primary); border-left-color: var(--FOCOPDV-B2B-primary); border-right-color: var(--FOCOPDV-B2B-primary); } input[type=search]::-webkit-input-placeholder { font-size: 13px; opacity: .8 } input[type=search]:-moz-placeholder { font-size: 13px; opacity: .8 } input[type=search]::-moz-placeholder { font-size: 13px; opacity: .8 } input[type=search]:-ms-input-placeholder { font-size: 13px; opacity: .8 } .swal2-modal .swal2-title { font-size: 24px !important; line-height: 28px !important } .swal2-modal .swal2-buttonswrapper { margin-top: 0 } .swal2-modal .swal2-buttonswrapper > button[type=button].swal2-confirm.swal2-styled:not(:disabled), .swal2-modal .swal2-buttonswrapper > button[type=button].swal2-cancel.swal2-styled:not(:disabled) { width: 46.5%; font-size: 18px; line-height: 16px; padding: 10px 12px; } div.modal.show, div[class^="modal show"] { top: 0 !important; } /*-*/ /*--///@media */ /*-*/ @media (max-width: 1365px) { .user-form-logo { margin-bottom: 12px } .user-form-card { padding: 20px; margin-bottom: 10px } } @media (max-width: 991px) { aside#aside-nav.nav-sidebar.active > div.nav-content > div.nav-btn { padding-top: 25px; padding-bottom: 25px; } section.inner-section.single-banner > div.container > div.account-title { display: block; text-align: center } section.inner-section.single-banner > div.container > div.account-title::before { width: 100% } section.inner-section.single-banner > div.container > div.account-title > ol.breadcrumb { margin-top: 12px } section.inner-section.single-banner > div.container > div.account-title > ol.breadcrumb > li.breadcrumb-item.active { margin-right: 5px } /*HOME*/ /*---INDEX*/ div.col { } div.col > div.feature-card { } div.col > div.feature-card > div.feature-content { padding-left: 24px; margin-left: 24px } div.col > div.feature-card > div.feature-content.text-truncate { white-space: normal } div.col > div.feature-card > div.feature-media > a.feature-image > img { width: 168px } svg[id^="svg-image"] { width: 128px; height: 128px } /*CLIENTE*/ span.badge-min-width { min-width: 140px; } } @media (max-width: 991px) { /*CLIENTE*/ div#divFiltros > form#frmFiltroPedidos .hidden-on-mobile.btn-group > button.btn { font-size: 10px !important; padding: 14px 0 !important; } } @media (max-width: 767px) { } /*-*/ /*--///@media */ /*-*/ @media (max-width: 767px) { #div-mobile-menu.mobile-menu { z-index: 99999 !important } .mobile-menu a, .mobile-menu button { -webkit-border-radius: 8px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius: 8px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-radius: 8px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px } [id^="mobile-menu"].active { background-color: var(--FOCOPDV-B2B-primary) !important; border-top: 3px solid var(--FOCOPDV-B2B-secondary) !important; margin-top: -3px } #div-mobile-menu.mobile-menu a.active i, #div-mobile-menu.mobile-menu button.active i, #div-mobile-menu.mobile-menu a.active span, #div-mobile-menu.mobile-menu button.active span { color: var(--FOCOPDV-B2B-white) } #div-mobile-menu.mobile-menu .mobile-link.active::after, #div-mobile-menu.mobile-menu a.active::after, #div-mobile-menu.mobile-menu button.active::after { display: block; position: relative; bottom: -8px; height: 2px; content: ""; width: 0; height: 0; left: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: var(--FOCOPDV-B2B-primary) var(--FOCOPDV-B2B-primary) var(--FOCOPDV-B2B-white) var(--FOCOPDV-B2B-primary); background-color: var(--FOCOPDV-B2B-primary); outline: none } .header-part { z-index: 99997 !important } .backdrop { z-index: 99998 !important } header.header-part .header-form.active.d-none { display: block !important } header.header-part .header-form.active.d-none input { width: 87% } header.header-part .header-form.active { margin: 12px 24px 0 24px } header.header-part.active .header-content { padding: 7.5px 0px !important } header.header-part.active .header-menu.header-form { display: none !important } .header-media-group a img { height: 38px } .cart-list { } .inner-section { margin-bottom: 15px } .banner-part { padding-top: 15px; padding-bottom: 15px; margin-bottom: 0; position: relative; z-index: 1 } /*BREADCRUMB*/ section.inner-section.single-banner { margin-bottom: 15px } /*ORDER*/ div#divPedidoInteligente.col.divOfertas .product-standard, section#section-offers.inner-section.shop-part #divTipoTabela .product-standard { padding-top: 64px } section#section-offers.inner-section.shop-part #divTipoTabela .product-standard, section#section-offers.inner-section.shop-part #divTipoTabela .shop-widget.shop-widget-offers { margin-bottom: 5px } section#section-offers.inner-section.shop-part #divTipoTabela .product-media { min-height: 240px; padding-top: 34px } section#section-offers.inner-section.shop-part #divTipoTabela .product-name { min-height: 80px } divProdutos.row > div.col > div.product-card > div.product-media > a.product-image > img, section.section.products-part div#divProdutos.row > div.col > div.product-card > div.product-media > a.product-image img, section.section.products-part div#divProdutos.row > div.col > div.product-card > div.product-media > a.product-image > img { } a.product-image #divPedidoInteligente, .col.col-offers, section#section-offers.inner-section.shop-part #divTipoTabela { padding-right: calc(var(--bs-gutter-x) / 2); padding-left: calc(var(--bs-gutter-x) / 2) } div.table-responsive.shopping-cart > table.table a.product-thumb img { max-height: 64px !important; max-width: 64px !important; } /*WHATSAPP*/ a.btnWhatsApp.left { left: 15px; bottom: 54px } #divWhatsAppMessage.left { left: 80px; bottom: 72px } .pulse_whatsapp.left { bottom: 60px; left: 18px } a.btnWhatsApp.right { right: 15px; bottom: 54px } #divWhatsAppMessage.right { right: 80px; bottom: 72px } .pulse_whatsapp.right { bottom: 60px; right: 18px } /*FOOTER*/ .footer-part { padding-bottom: 130px; text-align: center } .footer-part .footer-bottom { margin-top: 75px; padding: 20px 35px 15px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px } .footer-contact li { display: grid } .footer-links { display: unset } .footer-part .footer-bottom { margin-top: 0 } } /*-*/ /*--///@media */ /*-*/ /*SHARED*/ /*---LAYOUT*/ /*------FOOTER*/ @media (max-width: 991px) { section#section-ctaservices.intro-part { padding: 10px 0px; } .intro-wrap { margin-bottom: 0; } #div-mobile-menu.mobile-menu { z-index: 99999 !important } .mobile-menu a, .mobile-menu button { -webkit-border-radius: 8px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius: 8px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-radius: 8px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px } [id^="mobile-menu"].active { background-color: var(--FOCOPDV-B2B-primary) !important; border-top: 3px solid var(--FOCOPDV-B2B-secondary) !important; margin-top: -3px } #div-mobile-menu.mobile-menu a.active i, #div-mobile-menu.mobile-menu button.active i, #div-mobile-menu.mobile-menu a.active span, #div-mobile-menu.mobile-menu button.active span { color: var(--FOCOPDV-B2B-white) } #div-mobile-menu.mobile-menu .mobile-link.active::after, #div-mobile-menu.mobile-menu a.active::after, #div-mobile-menu.mobile-menu button.active::after { display: block; position: relative; bottom: -8px; height: 2px; content: ""; width: 0; height: 0; left: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: var(--FOCOPDV-B2B-primary) var(--FOCOPDV-B2B-primary) var(--FOCOPDV-B2B-white) var(--FOCOPDV-B2B-primary); background-color: var(--FOCOPDV-B2B-primary); outline: none } .header-part { z-index: 99997 !important } .backdrop { z-index: 99998 !important } header.header-part .header-form.active.d-none { display: block !important } header.header-part .header-form.active.d-none input { width: 87% } header.header-part .header-form.active { margin: 12px 24px 0 24px } header.header-part.active .header-content { padding: 7.5px 0px !important } header.header-part.active .header-menu.header-form { display: none !important } .header-media-group a img { height: 38px } .cart-list { } .inner-section { margin-bottom: 15px } .banner-part { padding-top: 15px; padding-bottom: 15px; margin-bottom: 0; position: relative; z-index: 1 } /*BREADCRUMB*/ section.inner-section.single-banner { margin-bottom: 15px } /*ORDER*/ div#divPedidoInteligente.col.divOfertas .product-standard, section#section-offers.inner-section.shop-part #divTipoTabela .product-standard { padding-top: 64px } section#section-offers.inner-section.shop-part #divTipoTabela .product-standard, section#section-offers.inner-section.shop-part #divTipoTabela .shop-widget.shop-widget-offers { margin-bottom: 5px } section#section-offers.inner-section.shop-part #divTipoTabela .product-media { min-height: 240px; padding-top: 34px } section#section-offers.inner-section.shop-part #divTipoTabela .product-name { min-height: 80px } divProdutos.row > div.col > div.product-card > div.product-media > a.product-image > img, section.section.products-part div#divProdutos.row > div.col > div.product-card > div.product-media > a.product-image img, section.section.products-part div#divProdutos.row > div.col > div.product-card > div.product-media > a.product-image > img { } a.product-image #divPedidoInteligente, .col.col-offers, section#section-offers.inner-section.shop-part #divTipoTabela { padding-right: calc(var(--bs-gutter-x) / 2); padding-left: calc(var(--bs-gutter-x) / 2) } div.table-responsive.shopping-cart > table.table a.product-thumb img { max-height: 64px !important; max-width: 64px !important; } /*WHATSAPP*/ a.btnWhatsApp.left { left: 15px; bottom: 54px } #divWhatsAppMessage.left { left: 80px; bottom: 72px } .pulse_whatsapp.left { bottom: 60px; left: 18px } a.btnWhatsApp.right { right: 15px; bottom: 54px } #divWhatsAppMessage.right { right: 80px; bottom: 72px } .pulse_whatsapp.right { bottom: 60px; right: 18px } /*FOOTER*/ .footer-part { padding-bottom: 130px; text-align: center } .footer-part .footer-bottom { margin-top: 75px; padding: 20px 35px 15px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px } .footer-contact li { display: grid } .footer-links { display: unset } .footer-part .footer-bottom { margin-top: 0 } } /*------HEADER*/ @media (min-width: 768px) and (max-width: 991px) { header#header-part.header-part .header-content { padding-bottom: 18px !important; } header#header-part.header-part.active .header-content { padding-bottom: 18px !important; } header#header-part.header-part .header-media-group a img { height: 25px; } header#header-part.header-part .navbar-content { margin-top: -34px; } header#header-part.header-part .navbar-content .navbar-item { margin-right: 16px; } header#header-part.header-part .navbar-content .navbar-item > .navbar-link.active::before { top: -20px; } header#header-part.header-part .navbar-content .navbar-item > .navbar-link:hover::after, header#header-part.header-part .navbar-content .navbar-item > .navbar-link.active::after, header#header-part.header-part .navbar-content .navbar-item:hover > .navbar-link::after { bottom: -27px; } } /*------FOOTER*/ @media (min-width: 768px) and (max-width: 991px) { section#section-ctaservices.intro-part { padding: 10px 0px; } .intro-wrap { margin-bottom: 0; } #div-mobile-menu.mobile-menu { z-index: 99999 !important } .mobile-menu a, .mobile-menu button { -webkit-border-radius: 8px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius: 8px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-radius: 8px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px } [id^="mobile-menu"].active { background-color: var(--FOCOPDV-B2B-primary) !important; border-top: 3px solid var(--FOCOPDV-B2B-secondary) !important; margin-top: -3px } #div-mobile-menu.mobile-menu a.active i, #div-mobile-menu.mobile-menu button.active i, #div-mobile-menu.mobile-menu a.active span, #div-mobile-menu.mobile-menu button.active span { color: var(--FOCOPDV-B2B-white) } #div-mobile-menu.mobile-menu .mobile-link.active::after, #div-mobile-menu.mobile-menu a.active::after, #div-mobile-menu.mobile-menu button.active::after { display: block; position: relative; bottom: -8px; height: 2px; content: ""; width: 0; height: 0; left: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: var(--FOCOPDV-B2B-primary) var(--FOCOPDV-B2B-primary) var(--FOCOPDV-B2B-white) var(--FOCOPDV-B2B-primary); background-color: var(--FOCOPDV-B2B-primary); outline: none } .header-part { z-index: 99997 !important } .backdrop { z-index: 99998 !important } header.header-part .header-form.active.d-none { display: block !important } header.header-part .header-form.active.d-none input { width: 87% } header.header-part .header-form.active { margin: 12px 24px 0 24px } header.header-part.active .header-content { padding: 7.5px 0px !important } header.header-part.active .header-menu.header-form { display: none !important } .header-media-group a img { height: 38px } .cart-list { } .inner-section { margin-bottom: 15px } .banner-part { padding-top: 15px; padding-bottom: 15px; margin-bottom: 0; position: relative; z-index: 1 } /*BREADCRUMB*/ section.inner-section.single-banner { margin-bottom: 15px } /*ORDER*/ div#divPedidoInteligente.col.divOfertas .product-standard, section#section-offers.inner-section.shop-part #divTipoTabela .product-standard { padding-top: 64px } section#section-offers.inner-section.shop-part #divTipoTabela .product-standard, section#section-offers.inner-section.shop-part #divTipoTabela .shop-widget.shop-widget-offers { margin-bottom: 5px } section#section-offers.inner-section.shop-part #divTipoTabela .product-media { min-height: 240px; padding-top: 34px } section#section-offers.inner-section.shop-part #divTipoTabela .product-name { min-height: 80px } divProdutos.row > div.col > div.product-card > div.product-media > a.product-image > img, section.section.products-part div#divProdutos.row > div.col > div.product-card > div.product-media > a.product-image img, section.section.products-part div#divProdutos.row > div.col > div.product-card > div.product-media > a.product-image > img { } a.product-image #divPedidoInteligente, .col.col-offers, section#section-offers.inner-section.shop-part #divTipoTabela { padding-right: calc(var(--bs-gutter-x) / 2); padding-left: calc(var(--bs-gutter-x) / 2) } div.table-responsive.shopping-cart > table.table a.product-thumb img { max-height: 64px !important; max-width: 64px !important; } /*WHATSAPP*/ a.btnWhatsApp.left { left: 15px; bottom: 54px } #divWhatsAppMessage.left { left: 80px; bottom: 72px } .pulse_whatsapp.left { bottom: 60px; left: 18px } a.btnWhatsApp.right { right: 15px; bottom: 54px } #divWhatsAppMessage.right { right: 80px; bottom: 72px } .pulse_whatsapp.right { bottom: 60px; right: 18px } /*FOOTER*/ .footer-part { padding-bottom: 130px; text-align: center } .footer-part .footer-bottom { margin-top: 75px; padding: 20px 35px 15px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px } .footer-contact li { display: grid } .footer-links { display: unset } .footer-part .footer-bottom { margin-top: 0 } } /*CLIENTE*/ /*---INDEX*/ @media (min-width: 360px) and (max-width: 991px) { /*PROMOÇÕES*/ section#sectionPromocoes.section.recent-part div.col > div.feature-card.feature-card-fluid { flex-direction: column !important; align-items: center !important; } section#sectionPromocoes.section.recent-part div.col > div.feature-card.feature-card-fluid > div.feature-content { margin-left: 0 !important; margin-bottom: 24px !important; padding-left: 0 !important; padding-top: 24px !important; border-top: 1px solid var(--border) !important; border-left: unset !important; text-align: center !important; } section#sectionPromocoes.section.recent-part div.col > div.feature-card.feature-card-fluid > div.feature-content .feature-name, section#sectionPromocoes.section.recent-part div.col > div.feature-card.feature-card-fluid > div.feature-content .feature-rating, section#sectionPromocoes.section.recent-part div.col > div.feature-card.feature-card-fluid > div.feature-content .feature-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } section#sectionPromocoes.section.recent-part div.col > div.feature-card.feature-card-fluid > div.feature-content .feature-name { min-height: 78px; } } @media (min-width: 768px) and (max-width: 991px) { /*PROMOÇÕES*/ section#sectionPromocoes.section.recent-part div.col > div.feature-card.feature-card-fluid { flex-direction: column !important; align-items: center !important; } section#sectionPromocoes.section.recent-part div.col > div.feature-card.feature-card-fluid > div.feature-content { margin-left: 0 !important; margin-bottom: 24px !important; padding-left: 0 !important; padding-top: 24px !important; border-top: 1px solid var(--border) !important; border-left: unset !important; text-align: center !important; } section#sectionPromocoes.section.recent-part div.col > div.feature-card.feature-card-fluid > div.feature-content .feature-name, section#sectionPromocoes.section.recent-part div.col > div.feature-card.feature-card-fluid > div.feature-content .feature-rating, section#sectionPromocoes.section.recent-part div.col > div.feature-card.feature-card-fluid > div.feature-content .feature-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } section#sectionPromocoes.section.recent-part div.col > div.feature-card.feature-card-fluid > div.feature-content .feature-name { min-height: 78px; } /*PEDIDOS*/ section#divContentPedidos.inner-section.wishlist-part #divContent0 .hidden-on-mobile.btn-group.btn-group-actions > a.btn, section#divContentPedidos.inner-section.wishlist-part #divContent0 .hidden-on-mobile.btn-group.btn-group-actions > button.btn { font-size: 13px !important; } section.inner-section.contact-part .box { max-height: 210px; } section.inner-section.contact-part .box > .box-inner .box-front, section.inner-section.contact-part .box > .box-inner .box-back { padding: 24px 0; } section.inner-section.contact-part .box > .box-inner .box-front > a.btn, section.inner-section.contact-part .box > .box-inner .box-back > a.btn { font-size: 11px; } .pulse_whatsapp.left { bottom: 64px; left: 14px; } a.btnWhatsApp.left { left: 12px; bottom: 58px; } #divWhatsAppMessage.left { left: 72px; bottom: 74px; } .pulse_whatsapp.right { bottom: 64px; right: 14px; } a.btnWhatsApp.right { right: 12px; bottom: 58px; } #divWhatsAppMessage.right { right: 72px; bottom: 74px; } /*//*/ /*///---IMG-404*/ /*//*/ .header-logo-xs img { position: relative; z-index: 0; max-width: 64px !important; min-width: 64px; } .header-logo-xs img::after { content: ""; position: absolute; z-index: 1; width: 64px; height: 64px; min-height: 64px !important; background: var(--FOCOPDV-B2B-white) no-repeat center; background-image: var(--FOCOPDV-B2B-logo-src-xs) !important; color: transparent; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } } @media (max-width: 991px) { .header-logo-xs img { min-width: unset !important; height: unset !important; } } @media (max-width: 479px) { .header-logo-xs img { max-width: 128px !important; } } /*---PEDIDO-INTELIGENTE*/ @media (max-width: 991px) { #divTotalPedido2 { display: none; } } /* ----------- iPad Air ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 1) { jdiv > jdiv[class^='jv-ios jv-tablet jv-safari jv-mobile-or-tablet'] > jdiv, jdiv > jdiv[class*='jv-ios jv-tablet jv-safari jv-mobile-or-tablet'] > jdiv { bottom: 0 !important; left: 20px !important; } } /* Portrait */ @media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { jdiv > jdiv[class^='jv-ios jv-tablet jv-safari jv-mobile-or-tablet'] > jdiv, jdiv > jdiv[class*='jv-ios jv-tablet jv-safari jv-mobile-or-tablet'] > jdiv { bottom: 0 !important; left: 20px !important; } } /*AJUSTE IMAGES-H*/ .standard-image img { max-height: 165px !important; } /*AJUSTE COLOR'S LIGHT/DARK*/ .modal-close { color: var(--FOCOPDV-B2B-primary) } .modal-close:active, .modal-close:focus, .modal-close:hover { color: var(--FOCOPDV-B2B-white); background-color: var(--FOCOPDV-B2B-primary) } input, optgroup, select, textarea, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="date"], input[type="time"], input[type="datetime-local"], input[type="color"], .shop-widget-list li > .shop-widget-content > label { color: var(--FOCOPDV-B2B-black) !important } [class^='swal2'], .swal2-modal .swal2-title { font-family: "Rubik",Helvetica,Arial,sans-serif !important } header#header-part.header-part.active .header-logo { padding: 4px 8px; background-color: var(--FOCOPDV-B2B-primary); border-radius: 6px; } header.header-part.header-part-order-smart.hide-mobile .header-logo, header.header-part.hide-mobile.hide-mobile-order .header-logo, header#header-part.header-part.active .header-logo, header.header-part.hide-mobile-order-smart .header-logo, header.header-part.hide-mobile-order .header-logo { padding: 4px 8px; background-color: var(--FOCOPDV-B2B-primary); border-radius: 6px; } /*###---###*/ /*###---###*/ /*###---###*/ /*---###---*/ /*###---###*/ /*###---###*/ /*###---###*/ /*RESET, CLASS*/ /*SHARED*/ /*---LAYOUT*/ /*------HEADER*/ .header-widget-group .header-widget > sup, #div-mobile-menu.mobile-menu button[id^="mobile-menu-"] > sup { width: auto !important; border-radius: 6px !important; padding: 0 3px !important; background-color: var(--FOCOPDV-B2B-accent) !important } #div-mobile-menu.mobile-menu button[id^="mobile-menu-"] > sup { left: 70%; height: 22px; font-size: 11px } .header-part, .header-part.active { transition: unset !important; -webkit-transition: unset !important; -moz-transition: unset !important; -ms-transition: unset !important; -o-transition: unset !important } .header-part { background: var(--white); transition: unset !important; -webkit-transition: unset !important; -moz-transition: unset !important; -ms-transition: unset !important; -o-transition: unset !important } .header-part.active { position: unset !important; position: unset !important; background: var(--FOCOPDV-B2B-white) !important; -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15); transition: unset !important; -webkit-transition: unset !important; -moz-transition: unset !important; -ms-transition: unset !important; -o-transition: unset !important; position: fixed !important; top: 0 !important; left: 0 !important; background-color: #fff !important; box-shadow: 0 7px 30px -6px rgba(0, 0, 0, 0.15) !important; } section#sectionPromocoes.section.recent-part .feature-card.feature-card-fluid:hover .btn-outline-primary { /*color: var(--FOCOPDV-B2B-white) !important; background-color: var(--FOCOPDV-B2B-primary) !important; border-color: var(--FOCOPDV-B2B-primary) !important;*/ } /*.btn-outline-primary, .btn-outline-primary { color: var(--FOCOPDV-B2B-accent) !important; background-color: var(--FOCOPDV-B2B-white) !important; border-color: var(--FOCOPDV-B2B-accent) !important } .btn-outline-primary:hover, .btn-outline-primary.active { background-color: var(--FOCOPDV-B2B-accent) !important }*/ /*###---###*/ /*###---###*/ /*###---###*/ /*---###---*/ /*###---###*/ /*###---###*/ /*###---###*/ @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); .poppins-thin { font-family: "Poppins", serif; font-weight: 100; font-style: normal; } .poppins-extralight { font-family: "Poppins", serif; font-weight: 200; font-style: normal; } .poppins-light { font-family: "Poppins", serif; font-weight: 300; font-style: normal; } .poppins-regular { font-family: "Poppins", serif; font-weight: 400; font-style: normal; } .poppins-medium { font-family: "Poppins", serif; font-weight: 500; font-style: normal; } .poppins-semibold { font-family: "Poppins", serif; font-weight: 600; font-style: normal; } .poppins-bold { font-family: "Poppins", serif; font-weight: 700; font-style: normal; } .poppins-extrabold { font-family: "Poppins", serif; font-weight: 800; font-style: normal; } .poppins-black { font-family: "Poppins", serif; font-weight: 900; font-style: normal; } .poppins-thin-italic { font-family: "Poppins", serif; font-weight: 100; font-style: italic; } .poppins-extralight-italic { font-family: "Poppins", serif; font-weight: 200; font-style: italic; } .poppins-light-italic { font-family: "Poppins", serif; font-weight: 300; font-style: italic; } .poppins-regular-italic { font-family: "Poppins", serif; font-weight: 400; font-style: italic; } .poppins-medium-italic { font-family: "Poppins", serif; font-weight: 500; font-style: italic; } .poppins-semibold-italic { font-family: "Poppins", serif; font-weight: 600; font-style: italic; } .poppins-bold-italic { font-family: "Poppins", serif; font-weight: 700; font-style: italic; } .poppins-extrabold-italic { font-family: "Poppins", serif; font-weight: 800; font-style: italic; } .poppins-black-italic { font-family: "Poppins", serif; font-weight: 900; font-style: italic; } /*###---###*/ /*###---###*/ /*###---###*/ /*---###---*/ /*###---###*/ /*###---###*/ /*###---###*/ @media (max-width: 991px) { .swal2-modal .swal2-buttonswrapper > button[type=button].swal2-confirm.swal2-styled:not(:disabled), .swal2-modal .swal2-buttonswrapper > button[type=button].swal2-cancel.swal2-styled:not(:disabled) { width: 45% } .swal2-buttonswrapper button:first-of-type, .swal2-buttonswrapper button:last-of-type { margin-left: 0 !important; margin-right: 0 !important; margin-left: 5px !important; margin-right: 5px !important } } /*@@MEDIA-SCREEN*/ @media only screen and (max-width: 320px) { } @media (min-width: 321px) and (max-width: 768px) { } @media (min-width: 768px) and (max-width: 991px) { } @media (min-width: 991px) and (max-width: 1024px) { } @media (min-width: 1024px) and (max-width: 1280px) { } @media (min-width: 1280px) and (max-width: 1366px) { } @media (min-width: 1366px) and (max-width: 1440px) { } @media (min-width: 1440px) and (max-width: 1600px) { } @media (min-width: 1600px) and (max-width: 1680px) { } @media (min-width: 1680px) and (max-width: 1920px) { } section.home-classic-slider.slider-arrow .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-track > .banner-part.banner-1, section.home-classic-slider .slick-slider .slick-list > .banner-part.banner-1 { width: 100% !important; min-height: 228px !important; background-size: cover !important; } .header-logo img::after, header#header-part.header-part .header-content > .header-media-group .header-logo img::after, header#header-part.header-part .header-content > .header-media-group .header-logo img::after { max-width: 128px !important; }