:root { --text-nav: #495057; --text-placeholder: #878a99; --text-color: #6D7080; --button-bg: #50C3E6; --button-bg-actived: #1C87A8; --font-reg: 400; --font-semi: 600; --font-extra: 800; --font-black: 900; --border-color: #dfdfdf; --text-default: 14px; --text-md: 16px; --text-sm: 12px; --text-h0: 68px; --text-h5: 24px; --text-h6: 21px; --text-lg: 30px; --text-xl: 36px; --text-ads-title: 40px; --text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); --box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25); } @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap'); button:hover { border-color: transparent; } body { font-family: 'Lato', sans-serif !important; color: var(--text-nav); font-size: var(--text-default) !important; } body { /* user-select: none; */ } /* main layout 1600 */ @media screen and (min-width: 769px) { .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper>.widget, .block.category.event, .top-container, .page-main { max-width: 1600px!important; } } #maincontent { padding-left: 15px!important; padding-right: 15px!important; } /* top header */ .top-info { float: left; color: #000 } .top-info div { float: left; padding-top: 15px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; border-left: 1px solid #dfdfdf; } .top-info .top-info-sale { border-right: 1px solid #dfdfdf } @media screen and (min-width: 769px) { .page-header .header.panel { padding-bottom:0!important; padding-top: 0!important } /* .minicart-wrapper { margin-left: 5px!important } */ .minicart-wrapper.minicart-prology { /* border-right: 1px solid #dfdfdf; */ } .header.links { padding-top: 15px!important; padding-bottom: 17px!important; border-left: 1px solid #dfdfdf } } .greet.welcome { width: -webkit-fill-available } .minicart-wrapper { padding-top: 8px; padding-bottom: 6px; padding-left: 10px; padding-right: 10px; border-left: 1px solid #dfdfdf } .minicart-carttoquote { padding-top: 6px; padding-bottom: 6px; } .minicart-delivery { padding-top: 12px; padding-bottom: 12px; } .cart-display-table { display: table } .cart-display-table span,.cart-display-table a,.cart-display-table img { display: table-cell; vertical-align: middle; color: #575757; margin-top: -2px; } .span-text-your-cart { color: #575757; position: inherit; top: -1px } .link.authorization-link>a { text-transform: uppercase } .counter.qty.empty .counter-number:before { line-height: 21px; color: #fff; margin-left: 4px; content: '0' } .minicart-wrapper .action.showcart .counter.qty.empty { display: inherit!important; margin-top: 1px; } .block-minicart.ui-dialog-content { color: #000; border-radius: 9px; } .page-product-detail { margin-top: 40px; } @media screen and (min-width: 769px) { .block-search { width:500px!important; margin-right: 5% } } @media screen and (min-width: 1024px) { .block-search { width:800px!important; margin-right: 7% } .prologyListCategoriesWrapper { margin-top: 80px; } } .form.minisearch #search { border-radius: 18px; border: 1px solid #f2f2f2; height: 38px; } .block-search .action.search:before { content: 'Search'!important; color: #fff!important; background: #50c3e6; margin-right: -10px!important; margin-top: 0px!important; line-height: 40px!important; height: 38px; padding-left: 25px; padding-right: 25px; border-radius: 17px; padding-bottom: 0px; font-family: 'Lato', sans-serif !important; font-size: 14px !important; font-weight: 300 !important; } .header.links { display :table!important; padding: 10px!important; } .greet.welcome, .customer-welcome{ display:table-cell!important; } .link.authorization-link { margin-left: 0px!important; } @media screen and (max-width: 768px) { /* .top-info, .minicart-delivery { display:none!important; } */ .minicart-wrapper{ z-index : 999; } .header.links { z-index: 999; position: relative; } } /* @media screen and (max-width: 640px) { .minicart-wrapper .block-minicart { left:0px!important; } } */ @media screen and (max-width: 1023px) { .top-info { border-bottom: 1px solid var(--border-color); border-right: 1px solid var(--border-color); } .minicart-wrapper .block-minicart { left:0px!important; } .minicart-wrapper .block-minicart:before, .minicart-wrapper .block-minicart:after { right: unset !important; } .minicart-wrapper .block-minicart:before { left: 12px; } .minicart-wrapper .block-minicart:after { left: 11px; } } @media screen and (max-width: 540px) { .header.links { float: none!important; } /* .sections.nav-sections .header.links .greet.welcome { display: none!important; } .header.links .greet.welcome, .header.links .customer-welcome{ display: none!important; } */ } /* product detail */ .product-info-main .swatch-option.text { border-radius: 10px; width: 150px; text-align: left; line-height: 25px!important; padding-bottom: 10px!important; } .product-info-main .swatch-attribute-options.clearfix > div{ margin-left:10px; background:white; color:#60d7ff; } .but-qty { display:none; } .product-info-main #product_addtocart_form .input-text.qty{ height: 38px; border-radius: 30px; width: 130px; cursor: pointer; } .product-info-main #product_addtocart_form .but-qty { font-weight: bold; position: absolute; width: 32px; height: 32px; background: #ededf0; display: inline-table; color: var(--text-placeholder); } .product-info-main #product_addtocart_form .qty-sub { font-size: 19px; border-radius: 21px; margin-top: 3px; margin-left: 4px; text-align: center; line-height: 32px; } .product-info-main #product_addtocart_form .qty-add { font-size: 16px; border-radius: 21px; margin-left: -38px; border-radius: 18px; width: 34px; height: 32px; margin-top: 3px; text-align: center; line-height: 32px; display: inline; } .product-info-main .product-addto-links-cart { font-size: 1.4rem!important; background-image: none; background: white!important; border: 1px solid #495057!important; color: #333!important; cursor: pointer; display: inline-block; font-family: open sans,helvetica neue,Helvetica,Arial,sans-serif; font-weight: 600; padding: 11px 5px!important; font-size: 1.3rem; box-sizing: border-box; vertical-align: middle; text-transform: inherit; border-radius: 20px; margin-right: 5px; } .product-info-main .product-social-links .action { border: 1px solid #495057; padding: 9.5px 5px; text-transform: inherit!important; border-radius: 20px; margin-right: 0px; } .product-info-main .product-addto-links-cart::before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: inherit; font-family: luma-icons; margin: -6px 5px 0 0; vertical-align: middle; display: inline-block; font-weight: 400; overflow: hidden; speak: none; text-align: center; width: 18px; content: '\e611'; } .product-info-main .product-addto-links-add-to-cart { color: white!important; background: #495057!important; } .product-info-main .action.towishlist { margin-right:5px; } .product-info-main .box-tocart .actions { display: none; } .prology-social-action { text-align: center; margin-bottom: 20px; display: flex; gap: 30px; } .prology-social-action button { /* margin-right: 25px; */ margin-top: 15px; float: left; width: 100%; padding: 15px; border-radius: 25px; color: white; font-weight: var(--font-reg); } .prology-social-action button, .prology-social-action button:hover, .prology-social-action button:focus { border: 0 none; } .prology-social-action-buy { background: #00c0ff; } .prology-social-action-suggest, .prology-social-make-offer { background: #878a99; } .content-prology-support { float: right; text-align: center; } .content-prology-support .support-content .span-content-email{ display: inline-flex; } .content-prology-support >div { border: 1px solid #e1e2e5; padding: 20px; margin-left: 15px; border-radius: 30px; margin-bottom: 20px; margin-left: 40px; } .content-prology-support >div>div:first-child { /* margin-bottom: 10px; */ } .support-term >div { float: left; width: 33.33%; } .content-prology-support .support-term{ display: flex; font-size: var(--text-md); color: var(--text-placeholder); gap: 15px; } .content-prology-support .but-call-us { background: #00c0ff; color: white; padding: 7px 10px; font-size: 16px; border-radius: 20px; margin-right: 15px; } .content-prology-support .but-contact{ background: white; color: black; padding: 4px 10px; font-size: 16px; border-radius: 20px; margin-right: 0px; display: inline-table; } .content-prology-support .but-contact span{ line-height: 20px; vertical-align: top; } .product.info.detailed { margin-top: 0px; float: left; } .prology-single .product.media > p { font-size: var(--text-default) !important; color: var(--text-placeholder); margin-top: 10px; text-align: justify; font-style: italic; } .fotorama__stage__frame .fotorama__img { top: 40% !important; } .box-tocart > br { display: none; } .fotorama--fullscreen { background-color: rgba(255,255,255, 1) !important; border: 1px solid var(--button-bg); } .prology-single .product-info-main .product-info-price .price-box .price-container > span.price-label { display: none !important; } .page-product-detail .fotorama__thumb { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 5px; } .prology-single .minicart-wrapper .action.showcart { margin-left: 2px; } .page-product-detail .content-prology-support .bold span { display: block; } .prology-single .minicart-wrapper .action.showcart:before { background-repeat: no-repeat; width: 21px; height: 21px; background-image: url(../images/cart.png); content: '' !important; } .prology-single .minicart-wrapper .action.showcart:before, .minicart-wrapper .action.showcart.active:before { margin-top: -1px !important; } .prology-single .minicart-wrapper .action.showcart .counter.qty { font-size: var(--text-default) !important; line-height: 1.5 !important; margin-top: 1px; } .panel.header { display: flex; flex-direction: row; } .minicart-wrapper { margin-left: 0 !important; } @media screen and (min-width: 769px) { .navigation .level0.parent > .level-top > .ui-menu-icon:after { content: '' !important; } .navigation .level0.parent > .level-top { padding: 10px !important; } .page-layout-1column .product.media { width: calc(30% - 30px)!important; } .page-layout-1column .product-info-main { width: 47%!important; } /* .page-layout-1column .product.media { width: 29%!important; } */ .content-prology-support { width: 23%!important; } } .bold { font-weight: bold; } .support-content .hour { display: block; padding: 5px; } .modal-price-suggestion .field--select, .modal-price-suggestion input[type="number"] { margin-bottom: 5px; max-width: 290px; /* height: 42px!important; */ width: 100%; display: inline-block; position: relative; overflow: hidden; } .modal-price-suggestion .select-field select, .modal-price-suggestion input[type="number"] { -webkit-appearance: none; -moz-appearance: none; padding: 0px 40px 0px 10px; line-height: 40px; border-radius: 3px; height: 100%; width: 100%; display: block; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; border: 1px solid #5d5d5d; } .modal-price-suggestion input[type="text"],.modal-price-suggestion input[type="email"] { margin-bottom: 10px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 3px; background-clip: padding-box; box-sizing: border-box; line-height: 24px; font-size: 14px; padding: 10px 10px 10px 9px; border: 1px solid #5d5d5d; border-top-color: #505050; color: #838383; text-align: left; height: 100%; } .have_one_to_sell { display: block; text-align: left; font-size: var(--text-md); color: var(--text-nav); } .have_one_to_sell a { color: var(--button-bg) !important; } .have_one_to_sell a:hover { cursor: pointer; } .prology-single .page-product-detail .product-addto-links>.product-addto-links-add-to-cart { height: 38.9px; } /* related product */ .block.related, .block.upsell{ clear: both; } .block.related { margin-top: 40px; } /* list product */ .product.name.product-item-name a { font-weight: bold; } /*form form-edit-account */ .form.form-edit-account .field.choice:first-child { display: none; } .modals-overlay { z-index: 1 !important; } span.logged-in { color: #575757; } /* ****************************************************************************************************************************** CUSTOM CSS ****************************************************************************************************************************** */ * { transition: all .15s linear 0s; } .fotorama__stage, .fotorama__stage * { transition: none; } .prology-banner { background-repeat: no-repeat; background-size: cover; /* height: 85vh; */ /* min-height: 550px; */ width: 100%; position: relative; background-position: center; } .prology-banner:before { /* content: ''; */ position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* background: linear-gradient(180deg,rgba(86,204,242,0.25) 0%,rgba(0,36,48,.5) 100%); */ border-radius: 30px; overflow: hidden!important; } .prology-banner-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-decoration: none; text-align: center; width: 100%; } .prology-banner-wrapper:hover, .prology-banner-wrapper:focus { text-decoration: none; } .prology-banner-wrapper > * { display: flex; flex-direction: column; align-items: center; } .prology-banner-wrapper > * > * { color: #fff; margin: 15px 40px; text-shadow: var(--text-shadow); } .prology-banner-wrapper span.info { font-size: var(--text-h5); font-weight: var(--font-reg); } .prology-banner-wrapper strong.title { font-size: var(--text-h0); font-weight: var(--font-black); margin: 0; } .prology-banner-wrapper .divider-underline { margin: 0; position: relative; width: 300px; } .prology-banner-wrapper .divider-underline span { position: absolute; width: 100%; height: 1px; background-color: #fff; top: 100%; left: 0; } .prology-banner-wrapper .divider-underline span:before, .prology-banner-wrapper .divider-underline span:after { position: absolute; width: 15px; height: 1px; background-color: red; top: 100%; } .prology-banner-wrapper .divider-underline span:before { left: -15px; } .prology-banner-wrapper .divider-underline span:after { right: -15px; } .prology-banner-wrapper .divider-underline p { margin-bottom: 0; } .prology-banner-wrapper .divider-underline span { margin: 0 15px; } .prology-banner-wrapper > .button.more { color: #fff; border-radius: 15px; background-color: var(--button-bg); padding: 15px 30px; display: inline-flex; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25); margin-top: 30px; font-weight: var(--font-semi); font-size: var(--text-md); } .prology-banner-wrapper > .button.more:hover, .prology-banner-wrapper > .button.more:focus { background-color: var(--button-bg-actived); } .prology-banner .gotoNext { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); } .page-header .panel.wrapper { box-shadow: unset; } .minicart-wrapper { display: inline-flex !important; align-items: center; font-size: var(--text-sm); color: #575757; } .header.panel>.header.links>li>a { font-size: var(--text-sm); } .minicart-wrapper .action.showcart .counter.qty { background: transparent !important; } .minicart-wrapper .action.showcart { display: flex !important; } .minicart-wrapper .action.showcart .counter-number { text-shadow: unset !important; color: var(--text-color); } .counter.qty.empty .counter-number:before { color: var(--text-nav); } .block-search { display: inline; width: auto !important; } .page-header .header.panel { padding-left: 10px !important; padding-right: 10px !important; } .form.minisearch #search { border-radius: 40px; } /* .nav-toggle { top: 12px !important; } */ .nav-sections { margin-bottom: 0 !important; } .top-info div { font-size: var(--text-sm); } .top-info > div > strong { margin-right: 10px; } .logo img { width: inherit; } .nav-sections div#store\.links { display: none; } .prology-ads .home-main { height: unset !important; background-repeat: no-repeat; background-size: cover; } .prology-ads .blocks-promo.blocks-promo-home-1 { position: relative; overflow: hidden; } .prology-ads .blocks-promo.blocks-promo-home-1 .home-main { margin-bottom: 0; background-color: #00C0FF; background-position: center; } .prology-ads .blocks-promo.blocks-promo-home-1 .home-main:before, .prology-ads .blocks-promo.blocks-promo-home-1 .home-main:after { position: absolute; width: 566px; height: 566px; content: ''; z-index: 2; background: url(../images/bluegradients.png); } .prology-ads .blocks-promo.blocks-promo-home-1 .home-main:before { left: 50%; top: -40%; } .prology-ads .blocks-promo.blocks-promo-home-1 .home-main:after { left: -25%; bottom: -40%; } @media only screen and (max-width: 1024px) { .prology-ads .blocks-promo.blocks-promo-home-1 .home-main:before, .prology-ads .blocks-promo.blocks-promo-home-1 .home-main:after { content: unset !important; } } .prology-ads .block-promo .content .info:not(.des) { text-transform: uppercase; text-shadow: var(--text-shadow); } .prology-ads .home-main .content { position: relative; left: 0 !important; top: 0 !important; width: 100% !important; transform: unset !important; padding: 40px; } .prology-ads .block-promo .content .info.des { font-weight: var(--font-semi); text-shadow: var(--text-shadow); } .prology-ads .block-promo .content .title { font-size: var(--text-ads-title); font-weight: var(--font-semi); position: relative; padding-bottom: 30px; margin-bottom: 20px; text-shadow: var(--text-shadow); } .prology-ads .block-promo .content .title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 25%; height: 1px; background-color: #fff; } .prology-ads .block-promo img { width: 100%; height: 100%; object-fit: cover; } .prology-ads .home-main.block-promo:before { content: unset; } .prology-ads .blocks-promo-home-1 .button.more { box-shadow: var(--box-shadow); padding: 10px 30px; } .top-slider .brands { padding: 0 20px; margin: 40px auto 0; } .blocks-about { padding-top: 80px; } .blocks-about .logan, .blocks-about .separate { font-size: var(--text-h5); font-weight: var(--font-semi); } .blocks-about .separate { display: block; margin-bottom: 15px; color: var(--button-bg); } .blocks-about .head > p { font-size: var(--text-h6); color: var(--text-color); } .blocks-about .title { font-size: var(--text-xl); font-weight: var(--font-black); } .blocks-about .head { font-size: var(--text-h5); margin-bottom: 40px; } .blocks-about .row.body .content { display: flex; flex-direction: column; gap: 30px; margin-bottom: 80px; } .blocks-about .row.body .content > * { margin-bottom: 0; } .blocks-about .row.body .content .title { font-size: var(--text-lg); font-weight: var(--font-black); } .blocks-about .row.body .content .des { font-size: var(--text-h6); color: var(--text-color); } .blocks-about .row.body .img { height: 100% !important; } .blocks-about .row.body .img > img { height: 100% !important; object-fit: cover; } .prologyListCategoriesWrapper { display: grid; gap: 30px; grid-template-areas: 'image1 image1 image1 image1 image1 image1 image2 image2 image2 image3 image3 image3' 'image1 image1 image1 image1 image1 image1 image4 image4 image4 image5 image5 image5'; } .prologyCategoryItem .box { position: relative; background-size: cover; background-repeat: no-repeat; height: 100%; background: linear-gradient(270deg, rgba(156, 232, 255, 0.5) 4.89%, rgba(66, 211, 255, 0.5) 100%) !important; overflow: hidden; } .prologyCategoryItem .box:before, .prologyCategoryItem .box:after { width: 566px; height: 566px; background: url(../images/bluegradients.png); position: absolute; content: ''; } .prologyCategoryItem .box:before { top: -180px; left: 245px; } .prologyCategoryItem .box:after { bottom: -180px; left: -180px; } .prologyCategoryItem:not(:first-child) .box:before, .prologyCategoryItem:not(:first-child) .box:after { transform: scale(.5); } .prologyCategoryItem:not(:first-child) .box:before { top: -245px; left: 70px; } .prologyCategoryItem:not(:first-child) .box:after { bottom: -225px; left: -240px; } @media only screen and (max-width: 1024px) { .prologyCategoryItem .box:before, .prologyCategoryItem .box:after { content: unset !important; } .prologyListCategoriesWrapper { margin-top: 40px; } } .prologyCategoryItem .box a { display: block; width: 100%; height: 100%; position: relative; } .prologyCategoryItem .box a:before { content: ''; width: calc(100% - 32px); height: calc(100% - 32px); position: absolute; top: 16px; left: 16px; border: 1px solid var(--button-bg); } .prologyCategoryItem .box a img { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); } .prologyCategoryItem .box a .type-title { position: absolute; top: 30px; left: 30px; text-decoration: underline; font-size: var(--text-h5); font-weight: var(--font-black); color: #00458a; } .prologyCategoryItem .box a .button { font-size: var(--text-md); color: #fff; padding: 10px 30px; position: absolute; right: 30px; bottom: 30px; background: var(--button-bg); border-radius: 15px; box-shadow: var(--box-shadow); text-transform: uppercase; } .image1 { grid-area: image1; } .image2 { grid-area: image2; } .image3 { grid-area: image3; } .image4 { grid-area: image4; } .image5 { grid-area: image5; } .page-wrapper .breadcrumbs { margin-top: 20px; } .page-wrapper .breadcrumbs .item > * { font-size: 13px; text-transform: uppercase; color: var(--text-nav); font-weight: var(--font-reg); } .page-wrapper .breadcrumbs .item > strong { color: var(--text-placeholder); } .prology-single .page-title-wrapper h4 { font-size: var(--text-md); font-weight: var(--font-semi); text-transform: uppercase; color: var(--button-bg); } .prology-single .page-title-wrapper h1 { font-size: var(--text-xl); font-weight: var(--font-extra); text-transform: uppercase; color: var(--text-nav); margin: 10px 0 !important; } @media only screen and (max-width: 991px) { .prology-social-action { gap: 15px; } } @media only screen and (max-width: 768px) { .prology-single .page-title-wrapper h1 { font-size: var(--text-h5); margin: 20px 0 20px !important; } .page-products .block-title.filter-title strong[aria-expanded="false"] { position: static; background: var(--button-bg); color: #fff; border: 0 none !important; } .prology-single .page-title-wrapper h4, .prology-single .product-info-main .product.attribute.overview, .page-product-detail .swatch-attribute-label, .page-product-detail .swatch-attribute-label + span { font-size: var(--text-default); } .page-product-detail .product.data.items>.item.content { border-radius: 0 !important; } .prology-single .product.data.items > .item.title { /* border: 1px solid #dfdfdf; */ } .content-prology-support>div { width: calc(100% - 40px); } } .prology-single .overview p { font-size: var(--text-md); color: var(--text-placeholder); } .prology-single .swatch-attribute-options { display: flex; align-items: stretch; } .prology-single .product-info-main .swatch-option.text { width: 100% !important; height: 38px; border-radius: 40px !important; padding-left: 20px !important; font-size: 13px !important; font-weight: var(--font-reg); color: var(--text-placeholder) !important; margin-right: 0 !important; line-height: 35px !important; } @media only screen and (max-width: 991px) { .prology-single .product-info-main .swatch-option.text { height: 28px !important; line-height: 30px !important; } } .page-product-detail .swatch-option:focus { box-shadow: unset !important; } .prology-single .swatch-option.text.selected { color: var(--button-bg) !important; outline: 1px solid var(--button-bg) !important; } .navigation .level0.active>.level-top, .navigation .level0.has-active>.level-top { border-color: var(--button-bg) !important; } .prology-single .product-reviews-summary .reviews-actions .action.add { color: var(--button-bg) !important; } .prology-single .product-reviews-summary .reviews-actions a { color: var(--button-bg) !important; } .prology-single .product-info-price .price-box .price-container .price { font-weight: var(--font-black); color: var(--text-nav); font-size: var(--text-h5); } .prology-single .product-info-stock-sku .configurable-variation-qty { color: var(--text-placeholder); font-size: var(--text-md); color: var(--text-placeholder); opacity: 1 !important; } .prology-single .product-info-stock-sku .configurable-variation-qty strong { color: var(--button-bg) !important; } .prology-single .product-info-main .product.attribute.sku { text-transform: uppercase; color: var(--text-placeholder) !important; } .prology-single .product-info-main .product-reviews-summary { margin-bottom: 10px !important; } .prology-single .product-info-main .product-add-form { padding-top: 0 !important; } .prology-single .swatch-opt, .prology-single .product-options-wrapper .fieldset { margin: 0 !important; } .prology-single .product-options-bottom .fieldset .label { color: var(--text-placeholder) !important; font-size: var(--text-md) !important; font-weight: var(--font-reg); } .prology-single .product-addto-links > * { font-size: var(--text-sm) !important; font-weight: var(--font-reg) !important; color: var(--text-nav) !important; padding: 10px 20px !important; margin: 5px; border-color: var(--text-placeholder) !important; } .prology-single .product-addto-links > *:before { color: var(--text-nav); } .prology-single .product-addto-links > .product-addto-links-add-to-cart, .prology-single .product-addto-links > .product-addto-links-add-to-cart:before { color: #fff !important; border: 0 none !important; } .prology-single .product-info-main .product-options-bottom .box-tocart { margin: 0 !important; } .prology-single .product-info-main .product.attribute.overview { margin: 15px 0 !important; color: var(--text-placeholder); font-size: var(--text-md); } /* .prology-single #maincontent { margin-top: 40px; } */ .prology-single .content-prology-support .support-content .bold span { font-size: var(--text-md); color: var(--text-nav); font-weight: var(--font-semi); } .prology-single .content-prology-support .support-content .bold span.hour { font-weight: var(--font-black); font-size: var(--text-h5); line-height: 1; margin: 10px 0; } .prology-single .content-prology-support .support-content .bold + div { display: flex; flex-direction: column; width: 80%; align-items: start; margin: 0 auto 15px; gap: 10px; } .prology-single .content-prology-support .support-content .bold + div span { display: flex; flex-direction: row; gap: 10px; align-items: start; } .prology-single .content-prology-support .support-content .bold + div span:first-child img { width: auto; height: 15px; } .prology-single .content-prology-support .support-content .bold + div + div button { font-size: var(--text-sm); font-weight: var(--font-reg); padding: 5px 20px; display: inline-flex; align-items: center; gap: 5px; } .prology-single .content-prology-support .support-content .bold + div + div .but-call-us { padding: 7px 20px !important; } .prology-single .content-prology-support .support-content .bold + div + div .but-contact { padding: 5px 20px !important; color: var(--button-bg); } .prology-single .content-prology-support .support-content .bold + div + div .but-call-us img { width: 10px; height: 10px; } .prology-single .content-prology-support .support-content .bold + div + div button { border-color: var(--button-bg); } .prology-single .product-social-links { text-align: left !important; } .navigation a { text-transform: uppercase !important; font-size: var(--text-default); font-weight: var(--font-semi) !important; } .prology-single .top-info { width: auto !important; } .prology-single .customer-welcome.menu-cart-quote img { content: url(../images/quote.png); width: auto; height: 21px; margin-top: -2px; } .prology-single .minicart-wrapper.minicart-carttoquote { margin-top: 2px; } .prology-single .customer-welcome.menu-cart-quote a { display: flex; flex-direction: row; gap: 10px; align-items: center; } .prology-single .customer-welcome.menu-cart-quote span.counter-number { font-size: var(--text-default); line-height: 1.5; color: var(--text-nav); } .prology-single .product.info.detailed { /* margin-top: 30px; */ width: 100%; } .prology-single .widget>h3 { font-size: var(--text-xl); font-weight: var(--font-black); } .prology-single .product.data.items > .item.title > .switch { border: 0 none !important; } .prology-single .product.data.items > .item.title { position: relative !important; } .prology-single .product.data.items > .item.title.active:after { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 75%; height: 2px; background-color: var(--button-bg); content: ''; z-index: 1; } .prology-single .product.data.items > .item.title > .switch { background-color: transparent !important; } .prology-single .product.data.items > .item.title> .switch { font-weight: var(--font-semi); } .prology-single .product.data.items > .item.title.active > .switch, .prology-single .product.data.items > .item.title > .switch:hover, .prology-single .product.data.items > .item.title > .switch:focus { color: var(--button-bg) !important; } .prology-single .product.data.items > .item.content { border-left: 0 none !important; border-right: 0 none !important; border-bottom: 0 none !important; border-color: transparent !important; } .product .product-item * { box-shadow: unset !important; color: var(--text-placeholder); } .prology-single .products-grid .product-item-info, .prology-single .products-grid .product-item-inner { border: 0 none !important; margin: 0; padding: 0; position: relative; bottom: 0; overflow: hidden; } .prology-single .products-grid .product-item-actions { margin: 0 !important; } .prology-single .products-grid .product-item-inner { position: absolute !important; border-top: 1px solid #dfdfdf !important; margin-bottom: 0px !important; bottom: -100%; transition: bottom 0.25s ease-in-out 0.25s; } .prology-single .product.data.items > .item.content { padding: 0 !important; } .prology-single .product-item-actions { width: 100%; display: flex; } @media only screen and (max-width: 575px) { .prology-single .product-item-actions { flex-direction: column-reverse; } .prology-single .product-item-actions .actions-primary > .stock.unavailable { padding-left: 10px; } } .prology-single .actions-secondary { display: flex !important; flex-direction: row; } .prology-single li.product-item { /* overflow: hidden; max-height: 400px; height: 400px; */ position: relative; overflow: hidden; } .prology-single .product-item .price-box { margin: 10px 0 0 !important; } /* .prology-single .product-item-details>*:nth-last-child(-n+2) { visibility: hidden; opacity: 0; } */ .page-categories .product-item-details>* { visibility: visible !important; opacity: 1 !important; box-shadow: unset !important; } .prology-single .column.main .product-item-details>*[class*=swatch-opt-] { visibility: hidden; opacity: 0; } .prology-single .product-item-details>.list-product-description { font-size: var(--text-md); color: var(--text-placeholder); margin: 15px 0 15px; } .prology-single .product-item-details > .product-item-name, .prology-single .product-item-details > .category-product-item-details, .prology-single .product-item-details > .price-box.price-final_price, .products-grid .product-item-info:hover .product-item-details>*:not(.product-item-name), .products-grid .product-item-info:hover .product-item-details>*:not(.price-box.price-final_price), .products-grid .product-item-info.active .product-item-details>*:not(.product-item-name), .products-grid .product-item-info.active .product-item-details>*:not(.price-box.price-final_price) { visibility: visible; opacity: 1; } .prology-single .column.main .category-product-item-details { margin: 0 0 15px; text-transform: uppercase; color: var(--button-bg); } .prology-single .product-item { padding: 0 !important; width: 100% !important; margin: 0 !important; } .prology-single .page-product-detail .products-grid .product-item-actions { display: none !important; } .products-grid .product-item-info:hover, .products-grid .product-item-info.active { border-color: #dfdfdf !important; border-bottom-color: transparent !important; margin: 1px 0 0 !important; /* padding: 0 0 30px !important; */ top: unset !important; bottom: 0 !important; } .products-grid .product-item-info:hover .product-item-inner { border-color: #dfdfdf; padding: 15px 30px 10px; background: #fff; bottom: 0; } .page-categories .products-grid .product-item-info:hover .product-item-inner { padding: 0 !important; } @media only screen and (max-width: 575px) { .products-grid .product-item-info:hover .product-item-inner { padding: 0 !important; visibility: visible !important; opacity: 1 !important; position: static !important; } } .page-categories .products-grid .product-item-inner { position: static !important; bottom: 0 !important; height: auto !important; padding: 0 !important; margin: 0 !important; border: 0 none !important; } .page-categories .products-grid .product-item-info:hover .product-item-inner { margin-top: 0 !important; } .prology-single .abs-visually-hidden-desktop-s, .prology-single .products-grid .product-item-info:not(:hover):not(.active) .product-item-inner { padding: unset !important; border: 1px solid transparent; overflow: visible !important; margin: 20px 0 0; } @media only screen and (max-width: 575px) { .prology-single .abs-visually-hidden-desktop-s, .prology-single .products-grid .product-item-info:not(:hover):not(.active) .product-item-inner { visibility: visible; opacity: 1; position: static !important; } } .product.data.items:before { position: absolute; width: calc(100% - 2px); top: -1px; left: 0; background: #fff; height: 45px; border: 1px solid #dfdfdf; border-radius: 10px; } .page-product-detail .product.data.items:before { border-radius: 15px 15px 0 0; } .page-product-detail .product.data.items>.item.content { border: 1px solid #dfdfdf !important; border-radius: 0 0 15px 15px; padding: 15px !important; } .prology-single .column.main .product-items { display: grid; grid-gap: 20px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; /* border-top: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; */ } .prology-single .product-items .product-item { border: 1px solid #dfdfdf; padding: 8px 0 5px !important; border-radius: 16px; } #compare-items .product-item { border: 0 none !important; border-radius: 0px !important; } #compare-items .product-item { border: 0 none; } .prology-single .actions-toolbar .action { box-shadow: unset !important; } .prology-single .actions-toolbar .action.compare span { color: #fff; } .prology-single .sidebar #compare-items.product-items .action.delete { top: 8px; left: 5px !important; } .prology-single .sidebar #wishlist-sidebar.product-items .action.delete { right: 5px !important; } .block-compare .product-item .product-item-name .product-item-link { font-size: var(--text-md) !important; } .prology-single .column.main .product-items { grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important; margin-top: 20px !important; } /* OLD .prology-single .page-categories .column.main .product-items */ .page-products .column.main .product-items { grid-template-columns: 1fr 1fr 1fr 1fr !important; margin-top: 0px !important; } .search.results .toolbar.toolbar-products + .block { display: none; } @media only screen and (max-width: 1439px) { .prology-single .page-categories .column.main .product-items { grid-template-columns: 1fr 1fr 1fr !important; grid-gap: 10px !important; } .prology-single .products-grid .product-item-actions { display: flex; flex-direction: column-reverse; } .prology-single a.action.tocart.primary { padding-left: 10px; } } .prology-single .column.main .product-items { /* grid-gap: 30px !important; */ margin: 0; } .page-product-detail .block .title { margin-bottom: 30px !important; } .page-product-detail .block .title strong { font-size: 22px; font-weight: var(--font-semi); } .prology-single .product-item { border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; } .prology-single .page-product-detail .product-item { border: 1px solid #dfdfdf; border-radius: 10px; } .prology-single .page-product-detail .product-items { border: 0 none !important } .prology-single .page-product-detail .product-item-info { width: auto !important; } .page-product-detail .products-grid .product-item-info:hover, .page-product-detail .products-grid .product-item-info.active { box-shadow: unset !important; } /* .prology-single .block.widget .product-item-info { position: absolute; right: 0; left: 15px; top: 0; } */ .prology-single .column.main a.product-item-link { font-size: var(--text-h6); font-weight: var(--font-black); text-transform: uppercase; color: var(--text-nav)!important; } .prology-single .product-item-photo { display: block; text-align: center; } .prology-single .product-item .price-box .price-label { display: none; } .prology-single .column.main .product-item .price-box .price { font-size: var(--text-h6) !important; font-weight: var(--font-reg); color: var(--text-nav); } .prology-single .swatch-option.text { padding: 4px 18px 12px !important; border-radius: 15px; line-height: 12px; } @media only screen and (max-width: 1439px) { .prology-single .page-product-detail .columns .column.main { display: grid; grid-template-areas: 'div1 div2 div3' 'div4 div4 div4' 'div5 div5 div5' 'div6 div6 div6'; grid-template-columns: 30% 45% 25%; } .prology-single .page-product-detail .columns .column.main>div { width: 100% !important; } .prology-single .page-product-detail .columns .column.main > div:nth-child(1) { grid-area: div3; } .prology-single .page-product-detail .columns .column.main > div:nth-child(2) { grid-area: div2; } .prology-single .page-product-detail .columns .column.main > div:nth-child(3) { grid-area: div1; } .prology-single .page-product-detail .columns .column.main > div:nth-child(4) { grid-area: div4; margin-top: 15px; margin-bottom: 0; } .prology-single .page-product-detail .columns .column.main > div:nth-child(5) { grid-area: div5; } .prology-single .page-product-detail .columns .column.main > div.block.upsell { grid-area: div6; } } .page-footer-top { padding: 20px !important; } .page-footer-top .items { display: grid; grid-template-columns: 33.333% 33.333% 33.333%; } .page-footer-top .items .item { display: flex; flex-direction: row; gap: 20px; } .page-footer-top .items .item-content { display: flex; flex-direction: column; color: #fff; } .page-footer-top .items .item:nth-child(even) { margin: auto; } .page-footer-top .items .item:last-child { margin-left: auto; } .page-footer-top .items .item-content >span:first-child { text-transform: uppercase; } .page-footer-top .items .item-content >span { font-size: var(--text-default); } .page-footer-top .items .item-content >strong { font-size: var(--text-md); font-weight: var(--font-black); } .page-footer-top .items .item-content > * { color: #fff; } .page-footer-top .item-wrapper { display: flex; gap: 20px; } .page-footer-top .item-wrapper img { object-fit: contain; } .page-wrapper > .page-bottom > div:last-child { background-color: var(--button-bg); } .page-footer { margin-top: 0 !important; } .footer.content { display: grid; grid-template-columns: 20% 20% 20% 20% 20%; } .panel.header .header.links, .panel.header .minicart-wrapper.minicart-delivery, .panel.header .minicart-wrapper.minicart-carttoquote >div, .panel.header .minicart-wrapper.minicart-prology { margin-top: 2px !important; } .prology-single .product-reviews-summary.short.no-rating { display: none; } .social a:hover, .social a:focus { text-decoration: none; } .social a:hover svg circle, .social a:focus svg circle { fill: #50C3E6; fill-opacity: 1; } .social a:hover svg path, .social a:focus svg path { fill: #fff; } .social a svg path { fill: #50C3E6; } .social a svg circle { fill: #fff; fill-opacity: .1; } .prology-single .block-search input { font-size: 13px; } .prology-single input#search::placeholder { color: rgba(0,0,0,.2); } .prology-single .block-search .action.search[disabled] { opacity: 1 !important; } .prology-single .product-reviews-summary { display: none; } .prology-single .nav-sections { box-shadow: unset !important; border-bottom: 1px solid #ddd; } .page-product-detail .swatch-attribute-label, .page-product-detail .swatch-attribute-label + span { font-weight: 400 !important; font-size: var(--text-md); color: var(--text-placeholder); } .page-product-detail .fotorama__thumb-border { background-image: none !important; border-color: transparent !important; } .page-product-detail .fotorama__nav--thumbs .fotorama__nav__frame { padding: 0 20px 0 0 !important; } .page-product-detail .fotorama__nav--thumbs .fotorama__nav__frame.fotorama__nav__frame--thumb { height: 80px !important; width: 80px !important; } .page-product-detail .fotorama__active > div { border: 1px solid var(--button-bg); overflow: hidden; background-color: var(--button-bg); } .page-product-detail .fotorama__dot { width: 10px !important; height: 10px !important; } @media only screen and (max-width: 1440px) { .footer.content { grid-template-columns: 33.333% 33.333% 33.333% } } @media only screen and (max-width: 991px) { .footer.content { grid-template-columns: 50% 50%; } } @media only screen and (max-width: 555px) { .footer.content { grid-template-columns: 100%; } } .block.newsletter { order: 5; } small.copyright > span { text-align: left !important; font-size: var(--text-default); color: rgba(255,255,255,.2); } @media only screen and (min-width: 1570px) { small.copyright > span { max-width: 1570px; display: block; margin: auto; } } @media only screen and (min-width: 769px) { .block.newsletter { /* width: 100% !important; */ } } @media only screen and (max-width: 991px) { .page-footer-top .items { grid-template-columns: 100%; gap: 20px; } .page-footer-top .items .item:nth-child(even), .page-footer-top .items .item:last-child { margin: 0; } } @media only screen and (max-width: 1439px) { .prology-single .column.main .product-items { display: grid; grid-gap: 20px; grid-template-columns: 1fr 1fr 1fr 1fr !important; } .page-categories .product-items { grid-template-columns: 33.33334% 33.33334% 33.33334% !important; } .page-categories .products { margin-top: 15px; } } @media only screen and (max-width: 1439px) { .top-info { width: 100%; /* text-align: center; */ } .top-info div { float: none; display: inline-block; } .minicart-wrapper { margin-left: 0 !important; } .minicart-wrapper { display: inline-flex !important; float: unset !important; align-items: center; } .minicart-wrapper > *:not(div[role=dialog]) { display: inline-flex; align-items: center; } .minicart-wrapper > script { display: none !important; } .minicart-wrapper span { color: #575757 !important; } .header.panel > .header.links { float: left; border-right: 0 none; } .header.panel > .header.links { /* margin-right: -1px !important; */ } } @media only screen and (max-width: 1244px) { .prology-single .columns .column.main { grid-template-areas: 'div1 div2' 'div1 div3' 'div4 div4' 'div5 div5' 'div6 div6' !important; grid-template-columns: 40% 60% !important; } .prology-single .content-prology-support { display: flex; align-items: start; gap: 30px; } .content-prology-support>div { display: flex; margin-left: 0 !important; margin-bottom: 0 !important; } .prology-single .support-content { grid-area: divSupportContent; flex-direction: column; width: 100%; box-sizing: border-box; } .prology-single .support-term { grid-area: divSupportTerm; flex-direction: row; } } @media only screen and (max-width: 991px) { .prology-single .columns .column.main { grid-template-areas: 'div1 div3' 'div2 div2' 'div4 div4' 'div5 div5' 'div6 div6' !important; grid-template-columns: 60% 40% !important; } .prology-single .content-prology-support { flex-direction: column; } .prology-single .product.media > p { margin-bottom: 20px; } .fotorama__stage, .fotorama__nav { margin: auto; } } @media only screen and (max-width: 1200px) { .navigation .level0.parent > .level-top { padding: 5px !important; } .navigation .level0 > .level-top { line-height: 35px !important; } } @media only screen and (max-width: 1024px) { .product.data.items > .item.title > .switch { padding: 1px 20px !important; } html.nav-open { overflow-y: hidden; } html.nav-open body { overflow: hidden; } .page-wrapper { left: 0 !important; transition: all 0.3s ease-out 0s !important; } .navigation { display: none !important; } .nav-open .navigation { display: block !important; } .nav-open.nav1024 .navigation > ul > li > ul[aria-expanded=true] { display: block !important; } .nav-open.nav1024 .navigation > ul > li > ul[aria-expanded=false] { display: none !important; } .nav-open .page-wrapper { left: calc(100% - 54px) !important; } .nav-open .nav-toggle:after { background: rgba(0, 0, 0, 0.7); content: ''; display: block; height: 100%; position: fixed; right: 0; top: 0; width: 100%; z-index: 1; } .sections.nav-sections { position: fixed; top: 0; left: calc(-1 * (100% - 54px)); transition: all 0.25s ease-out 0s; width: calc(100% - 54px); height: 100%; z-index: 14; overflow-y: scroll; } html.nav-open .sections.nav-sections, html.nav-open .sections.nav-sections:before, html.nav-open .sections.nav-sections:after { left: 0; } html.nav-open .sections.nav-sections:before, html.nav-open .sections.nav-sections:after { position: fixed; top: 0; height: 100%; content: ''; opacity: 0; transition: all 0.3s ease-out 0s; } html.nav-open .sections.nav-sections:before { left: 100%; width: calc(100% - 54px); z-index: 3; background-color: #fff; } html.nav-open .sections.nav-sections:after { left: 0; opacity: 1; display: none; width: 100%; background-color: rgba(0, 0, 0, 0.5); } html.nav-open .navigation ul { padding: 0 !important; } html.nav-open .navigation li.level0 { display: flex !important; text-align: left; margin: 0 !important; border-top: 1px solid #dfdfdf !important; flex-direction: column; padding: 0 10px; } html.nav-open .navigation span.ui-menu-icon:after { content: '' !important; } html.nav-open .navigation>ul>li>a>span.ui-menu-icon:after { content: unset !important; } html.nav-open .navigation .level0 { border-top: 1px solid #d1d1d1; font-size: 1.6rem; } html.nav-open .navigation > ul > li > ul { position: relative !important; box-shadow: unset !important; top: 0 !important; left: 0 !important; } html.nav-open .navigation li:last-child { border-bottom: 0 none !important; } html.nav-open .navigation > ul > li > ul > li > ul { position: static !important; box-shadow: unset !important; top: 0 !important; left: 0 !important; display: block !important; border: 0 none !important; } .nav-open .navigation li.level0 > ul > li > ul { margin-left: 30px !important; } } @media only screen and (max-width: 1024px) { .prology-banner-wrapper strong.title { font-size: 56px; } .top-slider .brands { margin: 20px auto 0; } .prology-ads .blocks-promo-home-1 .content .info, .prology-ads .blocks-promo-home-1 .content .des { font-size: var(--text-md); } .prology-ads .block-promo .content .title { font-size: var(--text-h5); } .prology-ads .block-promo .content .info { display: none; } } @media only screen and (max-width: 1023px) { .header.panel > .header.links { border-right: 1px solid var(--border-color); } .prology-single .header.panel > .header.links { width: auto; float: unset !important; margin: 0 !important; } .prology-single .page-header .header.panel { padding: 0 !important; margin: 0 15px; /* border-left: 1px solid var(--text-placeholder); border-right: 1px solid var(--text-placeholder); */ } .prology-single .panel.header { display: grid; grid-template-areas: 'divTopInfo divTopInfo divTopInfo divTopInfo' 'divMCWMPrology divMWMCQuote divMWMDelivery divHeaderLinks'; } .prology-single .top-info { grid-area: divTopInfo; border-left: 1px solid #dfdfdf; } .prology-single .header.links { grid-area: divHeaderLinks; width: 100%; border-left: 1px solid #dfdfdf; } .prology-single .minicart-wrapper.minicart-delivery { grid-area: divMWMDelivery; width: 100%; border-left: 1px solid #dfdfdf; } .prology-single .minicart-wrapper.minicart-carttoquote { grid-area: divMWMCQuote; width: 100%; } .prology-single .minicart-wrapper.minicart-prology { grid-area: divMCWMPrology; width: 100%; } .blocks-about .row.body > div:first-child { display: none; } .blocks-about .row.body .content { padding: 0 !important; } .prologyListCategoriesWrapper { grid-template-areas: 'image1 image1 image1 image1 image1 image1 image1 image1' 'image2 image2 image2 image2 image3 image3 image3 image3' 'image4 image4 image4 image4 image5 image5 image5 image5'; } } @media only screen and (max-width: 768px) { .navigation > ul > li { border-left: 0 none !important; } .top-slider .brands { padding: 0; margin: 20px auto 0; } .nav-open .nav-sections div#store\.links { display: block; } .page-header { margin-bottom: 0 !important; } .prology-banner { margin: 0; /* min-height: 450px; */ } .prology-banner-wrapper strong.title { font-size: 48px; } .nav-sections-item-content { padding: 0 0 25px !important; margin-top: 45px !important; } .nav-sections-item-title { display: inline-flex !important; padding: 15px 15px 10px !important; height: unset !important; width: unset !important; } .section-item-content.nav-sections-item-content ul.header.links { padding: 0 !important; width: 100% !important; } .navigation > ul > li:last-child { padding-right: 0 !important; } .minicart-wrapper { margin-top: 0 !important; } .page-header .header.panel { padding: 0 !important; } .page-header .header.content { border-top: 1px solid var(--border-color); padding-top: 0 !important; } .page-header .header.content:before { /* border-top: 1px solid var(--border-color); */ position: static; width: 100%; } .logo { max-width: 144px !important; width: 244px; display: inline-flex; margin-top: 10px !important; margin-bottom: 10px !important; } .top-info > div:first-child, .minicart-wrapper.minicart-delivery { padding-left: 15px; border-left: 0 none; } .header.panel > .header.links, .top-info { /* padding-right: 15px; */ /* border-right: 0 none; */ } .form.minisearch #search { padding: 10px 30px; } .block-search .label:before { margin-top: 18px !important; } .prology-single .product.data.items { margin-left: 0 !important; margin-right: 0 !important; } .prology-single .column.main .product-items { grid-template-columns: 1fr 1fr 1fr !important; } .prology-single .widget>h3 { font-size: var(--text-h6); } .prology-single .product.data.items > .item.title.active:after { background-color: transparent !important; } } @media only screen and (max-width: 575px) { .filter-title strong { position: static !important; display: block; border: 0 none !important; background: var(--button-bg) !important; color: #fff !important; } .filter-title strong[aria-selected="true"] { position: absolute !important; background-color: transparent !important; font-size: 0px !important; } .page-products .sorter { float: left !important; position: static !important; } .prology-ads .blocks-promo.blocks-promo-home-1 { margin-bottom: 15px; } .prology-single .block.widget .product-item-info { /* left: 10px; */ padding-right: 10px; } .prology-single a.product-item-link { font-size: var(--text-md); } .prology-single .column.main .product-items, .prology-single .page-categories .column.main .product-items { grid-template-columns: 1fr 1fr !important; } .page-categories .product-items { grid-template-columns: 100% !important; } .header.links { border-right: 1px solid #dfdfdf; } .prology-single .columns .column.main { grid-template-areas: 'div1 div1' 'div2 div2' 'div3 div3' 'div4 div4' 'div5 div5' 'div6 div6' !important; grid-template-columns: unset !important; } .content-prology-support { flex-direction: column; align-items: stretch !important; } .prologyListCategoriesWrapper { grid-template-areas: 'image1' 'image2' 'image3' 'image4' 'image5'; } .blocks-about .logan, .blocks-about .separate { font-size: var(--text-h6); } .blocks-about .title { font-size: var(--text-h5); } .blocks-about .head { margin-bottom: 15px; } .blocks-about .head > p { display: none; font-size: var(--text-nav); } .blocks-about .row.body .content { gap: 15px } .blocks-about .row.body .content .title { font-size: var(--text-h6); } .blocks-about .row.body .content .des { font-size: var(--text-md); } .prology-ads { gap: 15px; flex-direction: column; } .prology-ads .block-promo .content .title { font-size: var(--text-lg); } .prology-banner-wrapper { width: 100%; } .prology-banner-wrapper strong.title { font-size: 21px; } .prology-banner-wrapper span.info { font-size: 16px; margin: 10px 30px; } .top-info { display: none !important; } .header.panel > .header.links { display: none !important; text-align: center; } .logo { max-width: 140px !important; margin-top: 15px; } .block-search .label:before { margin-top: 20px !important; } .page-header .header.panel { display: flex; } .minicart-wrapper { border-left: 1px solid #dfdfdf !important; } .minicart-prology { order: 0; } .minicart-carttoquote { order: 1; } .minicart-delivery { order: 2; border-right: 1px solid #dfdfdf !important; } .minicart-wrapper .block-minicart:before, .minicart-wrapper .block-minicart:after { right: unset !important; } .minicart-wrapper .block-minicart:before { left: 12px; } .minicart-wrapper .block-minicart:after { left: 11px; } } /* @media only screen and (min-width: 500px) { .prology-single li.product-item { max-height: 400px !important; } } */ /* @media only screen and (min-width: 321px) { .prology-single li.product-item { max-height: 300px; } } */ /* @media only screen and (max-width: 320px) { .prology-single li.product-item { max-height: 260px; } } */ @media only screen and (min-width: 1025px) { .logo { margin: 0 !important; } } @media only screen and (min-width: 1024px) { .prology-banner { white-space: nowrap; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { .logo { margin: 0 0 0 40px !important; } } @media only screen and (min-width: 769px) { .page-wrapper > .page-bottom > div:last-child { width: 100% !important; margin-top: 60px; } .navigation .level0 .submenu .active > a { border-color: var(--button-bg) !important; } .header.content { padding: 5px 10px !important; } .logo { max-width: 244px !important; } /* .nav-toggle { top: 50% !important; transform: translateY(-50%); } */ .form.minisearch #search { width: 400px; border: 1px solid var(--border-color); padding: 0 15px; } .block-search { margin-top: 10px; margin-right: 0; } .block-search .action.search:before { border-radius: 40px; } .block-search input { font-size: 13px; } .navigation > ul { text-align: center; } .navigation > ul > li > ul { text-align: left; } .navigation .level0, .navigation .level0:last-child { border: 0 none !important; } } @media only screen and (min-width: 576px) { .prologyListCategories, .prology-ads, .blocks-about .row.body { float: left; } .prology-ads, .blocks-about .row.body { display: flex; gap: 30px; flex-direction: row; } .prology-ads .blocks-promo-home-1 { padding: 0 !important; margin: 0; } } .page-product-detail .product-item-info { width: auto; } #tab-label-additional, #tab-label-reviews-title, #additional, #reviews { display: none; } .page-products .modes { display: none; } .page-products .toolbar-amount, .page-products .sorter>label, .page-products .toolbar select { font-size: var(--text-default); color: var(--text-placeholder); } .page-products .toolbar select { background-color: transparent !important; box-shadow: unset !important; border-radius: 15px !important; } .page-products .page-title { /* padding-left: 22.83333333%; */ } .page-products .page-title { font-size: var(--text-h5); margin: 15px 0 !important; } .page-products .page-title-wrapper { margin: 0 !important; } .page-categories .filter .block-subtitle, .page-categories .block-title > strong[role='heading'] { font-size: var(--text-md); color: var(--text-nav); font-weight: var(--font-extra); text-transform: uppercase; padding-left: 0; } .page-categories .block-title + * { font-size: var(--text-md); font-weight: var(--font-reg); color: var(--text-placeholder); } .page-products .filter-options-title { font-size: var(--text-default); color: var(--text-placeholder); font-weight: var(--font-semi); margin-top: 5px; margin-bottom: 5px; } .page-products .filter-options-title, .page-products .block-subtitle.filter-subtitle { padding-left: 10px; } .page-products .page-categories .product-item-info { width: auto; } .page-categories .products-grid .product-item-info:hover, .page-categories .products-grid .product-item-info.active { box-shadow: unset !important; } .page-products .page-main.brands-supported img { width: 100%; } .page-categories div[data-role^='swatch-option-'] { display: none; } .page-categories .column.main span.price { font-size: var(--text-h5) !important; font-weight: var(--font-semi) !important; } .page-categories .custom-title-list-product h4 { font-size: var(--text-default); text-transform: uppercase; } .page-categories .product.name.product-item-name a { font-size: var(--text-h6); font-weight: var(--font-extra); margin: 10px 0; display: block; } .page-categories .list-product-description { font-size: var(--text-md); font-weight: var(--font-reg); color: var(--text-placeholder); margin: 20px 0 0; visibility: visible; opacity: 1; } @media only screen and (max-width: 1439px) { .page-categories .custom-title-list-product h4 { font-size: var(--text-default); } .page-categories .product.name.product-item-name a { font-size: var(--text-h6); } } @media only screen and (max-width: 575px) { .page-products .custom-title-list-product h4 { font-size: 12px; } .page-products .product.name.product-item-name a { font-size: var(--text-default); } .page-products .list-product-description { display: none; } } @media only screen and (max-width: 1024px) { .page-categories .columns .column { width: 75% !important; } .page-categories .columns .sidebar { width: 25%; } .page-categories .product-item { padding: 15px 20px 20px !important; } .page-products .column.main span.price { font-size: var(--text-md) !important; } } @media only screen and (max-width: 768px) { .page-products .columns { padding-top: 0 !important; } } .prology-single .page-header { border-bottom: 1px solid #ccc !important; } .prology-single .product-item-details> div[data-role^=swatch-option-] { display: none; } .prology-single a.action.tocart.primary { background: transparent !important; color: var(--text-color); text-decoration: underline; border: 0 none; padding-left: 0; font-size: var(--text-md); font-weight: var(--font-reg); } .page-categories .products-grid .product-item-info:not(:hover):not(.active) .product-item-inner { width: auto; position: relative !important; } .page-product-detail .modal-slide, .page-product-detail .modal-popup { display: none; } .page-product-detail .modal-slide._show, .page-product-detail .modal-popup._show { display: block; } .prology-single .navigation { /* z-index: 1 !important; */ } .catalog-product-view .modal-inner-wrap { border-radius: 15px; } .catalog-product-view .modal-popup .modal-title { font-size: var(--text-md); font-weight: var(--font-semi); } .modals-wrapper { position: relative; z-index: 5; } .modal-price-suggestion .forms--inner-form.panel--body { /* display: table; border-collapse: separate; border-spacing: 10px 5px; */ display: grid; grid-auto-columns: 1fr; grid-auto-rows: 1fr; align-items: stretch; grid-template-columns: repeat(auto-fit, minmax(min(33.33332%, 100%), 1fr)); gap: 12px; } .modal-price-suggestion .forms--inner-form.panel--body>div { width: 100% !important; } /* .modal-price-suggestion .forms--inner-form.panel--body > div { display: inline-table; } .modal-price-suggestion .field--select, .modal-price-suggestion input[type="number"] { max-width: unset !important; } .modal-price-suggestion .forms--inner-form.panel--body > div:nth-child(1) { width: 15%; } .modal-price-suggestion .forms--inner-form.panel--body > div:nth-child(2), .modal-price-suggestion .forms--inner-form.panel--body > div:nth-child(3), .modal-price-suggestion .forms--inner-form.panel--body > div:nth-child(4) { width: 28.3333333333333334%; } .modal-price-suggestion .forms--inner-form.panel--body > div:nth-child(5), .modal-price-suggestion .forms--inner-form.panel--body > div:nth-child(6), .modal-price-suggestion .forms--inner-form.panel--body > div:nth-child(7), .modal-price-suggestion .forms--inner-form.panel--body > div:nth-child(8), .modal-price-suggestion .forms--inner-form.panel--body > div:nth-child(9), .modal-price-suggestion .forms--inner-form.panel--body > div:nth-child(10) { width: 33.3333333333333334%; } .modal-price-suggestion .forms--inner-form.panel--body > div:nth-child(11) { width: 100%; } .modal-popup .modal-inner-wrap { width: 30% !important; } */ @media only screen and (max-width: 768px) { .modal-price-suggestion .forms--inner-form.panel--body > div { width: 100% !important; } } @media only screen and (min-width: 1025px) { .modal-popup .modal-inner-wrap { width: 30% !important; } } .modal-price-suggestion .select-field select, .modal-price-suggestion input[type="number"], .modal-price-suggestion input { border-color: #dfdfdf !important; max-height: 38px; border-radius: 8px !important; } .modal-price-suggestion input, .modal-price-suggestion label, .modal-price-suggestion select { font-size: var(--text-default); color: var(--text-placeholder); outline: none; box-shadow: none !important; } .prology-single .product-item-info { /* height: 100%; */ padding: 15px 30px 20px !important; margin-top: 1px !important; } .page-categories .product-item-info { padding: 15px 15px!important; } @media only screen and (max-width: 575px) { .prology-single .product-item-info { padding: 15px 15px 0 !important; } } @media only screen and (min-width: 640px) { .prology-single .products-grid .product-item-info:hover, .prology-single .products-grid .product-item-info.active { position: unset !important; } } .prology-single .stock.unavailable { padding-right: 10px !important; color: var(--text-placeholder); font-size: var(--text-md); } button.modal-button-submit { background: var(--button-bg) !important; color: #fff; border: 0 none; border-radius: 8px; padding: 10px 30px; font-weight: var(--font-reg); font-size: var(--text-default); } .modal-footer button { background: var(--text-placeholder); color: #fff; border: 0 none !important; border-radius: 8px; padding: 10px 30px; font-weight: var(--font-reg); font-size: var(--text-default); } .modal-content { padding: 0 15px !important; } .modal-popup .modal-footer { padding: 15px !important; } .modal-header { padding: 20px 0 10px !important; } .modal-header h1 { padding-left: 20px; } @media only screen and (max-width: 1024px) { .modal-popup .modal-inner-wrap { width: 75% !important; margin: auto !important; } } @media only screen and (max-width: 768px) { .modal-popup.modal-slide { left: 0 !important; } .modal-popup .modal-inner-wrap { width: 90% !important; } } @media only screen and (max-width: 768px) { .modal-popup.modal-slide._inner-scroll .modal-inner-wrap { min-height: 90% !important; max-height: 90% !important; margin: 5% auto 0 !important; } } .page-product-detail .products { margin: 0 !important; } .pages li.item strong, .pages li.item a, .pages li.item button { padding: 5px 15px !important; display: block !important; border-radius: 0px !important; background: #fff !important; color: var(--button-bg) !important; border: 1px solid var(--button-bg) !important; } .pages .action.next:before { color: var(--button-bg) !important; } .pages li.item.current > * { background-color: var(--button-bg) !important; color: #fff !important; } body[class*=customer-account-] .page-title-wrapper, body[class*=contact-] .page-title-wrapper, body[class*=sales-guest-form] .page-title-wrapper, body[class*=carttoquote-] .page-title-wrapper, body[class*=checkout-] .page-title-wrapper, body[class*=catalog-] .page-title-wrapper { margin: 40px auto 30px; } .customer-account-login .page-title-wrapper { text-align: left !important; } [class*=customer-account-] .page-title-wrapper, [class*=sales-guest-form] .page-title-wrapper, body.checkout-onepage-success .page-title-wrapper, body.checkout-cart-index .column.main, body.checkout-onepage-success .column.main { text-align: center; } body.checkout-cart-index .product-item-details { text-align: left; } body.checkout-onepage-success .primary { float: unset !important; display: revert!important; } .action.primary, .action-primary { border-color: var(--button-bg) !important; background-color: var(--button-bg) !important; font-weight: var(--font-reg); font-size: var(--text-default); } .form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account, .form.search.advanced, .form.form-orders-search { margin: 0 auto; } #minicart-content-wrapper .items-total > *, #minicart-content-wrapper .subtotal .label { font-size: 12px; color: var(--text-placeholder); font-weight: 400 !important; } #minicart-content-wrapper .product-item-details > *:not(.product.options), #checkout .product-item-details > *:not(.product.options) { visibility: visible !important; opacity: 1 !important; } #minicart-content-wrapper .product-item-details > .product.options { display: none; } #minicart-content-wrapper .product-item-details .product-item-name a, #minicart-content-wrapper .product-item-details .price, #checkout .product-item-details .product-item-name a, #checkout .product-item-details .product-item-name, #checkout .product-item-details .price { font-size: var(--text-md); color: var(--text-nav); text-transform: uppercase; font-weight: var(--font-semi); } #minicart-content-wrapper .product-item-details .details-qty.qty, #checkout .product-item-details .details-qty { font-size: var(--text-default); color: var(--text-placeholder); margin-bottom: 10px; } #minicart-content-wrapper .product-item, #checkout .product-item { border-right: 0 none !important; } #minicart-content-wrapper .product-item:last-child, #checkout .product-item:last-child { border: 0 none !important; } #checkout .product-item:first-child { border-top: 1px solid #dfdfdf; } #minicart-content-wrapper .product-item, #checkout .product-item { padding-top: 15px !important; } #checkout .opc-block-summary>.title { font-weight: var(--font-reg); } #checkout .opc-block-summary { padding-bottom: 0 !important; } div#checkout-step-shipping { display: flex; flex-direction: column; gap: 30px; align-items: center; margin-bottom: 0; } #checkout-step-shipping .form:first-child { width: 100%; margin: 0; padding-bottom: 0; } #checkout-step-shipping .form:first-child > fieldset { margin-bottom: 0; } #checkout-step-shipping .form-shipping-address { width: 100%; } #checkout .opc-wrapper .form-login, #checkout .opc-wrapper .form-shipping-address { max-width: unset !important; margin-top: 0; } #checkout .opc-progress-bar { margin-top: 30px; } #checkout aside.modal-custom.opc-sidebar.opc-summary-wrapper.custom-slide._show { z-index: 999 !important; } #checkout .minicart-wrapper { float: right !important; } #checkout .opc-estimated-wrapper { margin: 0 -15px 15px !important; } #checkout .opc-progress-bar-item._active:before, #checkout .opc-progress-bar-item._active > span:before, #checkout .opc-progress-bar-item._active > span:after { background-color: var(--button-bg); border-color: var(--button-bg); color: #fff; } #minicart-content-wrapper .minicart-items .item-qty { height: 28px; } #minicart-content-wrapper .minicart-items-wrapper { padding: 0 15px !important; } #checkout .minicart-items-wrapper { padding: 0 !important; } #checkout .product.options { display: none; } #checkout .opc-block-summary .items-in-cart>.title { border-bottom: 0 none !important; } #minicart-widgets { display: none; } .block-minicart .block-content>.actions>.secondary a { font-size: var(--text-md); color: var(--button-bg) !important; } .modal-popup .modal-title, .modal-popup.modal-slide .modal-footer { border-color: #dfdfdf; } [class*=cms-] h2:not(.text-center), [class*=cms-] .main-title { font-size: var(--text-lg); text-align: left; text-transform: uppercase; } main[class*="page-main page-"] { background-color: transparent; border: 0 none; } [class*=cms-] p:not(.text-center), [class*=cms-] ol { font-size: var(--text-md); text-align: left; } [class*=cms-]:not(.cms-home) ol { padding-left: 50px; font-size: var(--text-default); } [class*=carttoquote-] .item-info .product-item-details, [class*=carttoquote-] .item-info .col { vertical-align: middle !important; padding: 5px !important; text-align: left; } [class*=carttoquote-] .item-info .product-item-details .product-item-name { font-size: var(--text-md); text-transform: uppercase; font-weight: var(--font-semi); margin-bottom: 0; } [class*=carttoquote-] .cart.table-wrapper { /* margin-top: 40px; */ } [class*=carttoquote-] .cart-quote-content button { font-weight: var(--font-reg); border: 0 none !important; font-size: 0px; } [class*=carttoquote-] .cart-quote-content button.update:before, [class*=carttoquote-] .cart-quote-content button.remove:before, [class*=carttoquote-] button.cart-quote-clean:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #fff; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } [class*=carttoquote-] .cart-quote-content button.update:before { content: '\e601'; } [class*=carttoquote-] .cart-quote-content button.remove:before { content: '\e616'; } [class*=carttoquote-] button.cart-quote-clean:before { content: '\e604'; } [class*=carttoquote-] .cart-quote-content button:hover, [class*=carttoquote-] .cart-quote .cart-quote-clean:hover { border: 0 none !important; } [class*=carttoquote-] .cart-summary .summary.title + br { display: none; } [class*=carttoquote-] .item-info { border: 1px solid #dfdfdf; border-top: 0 none !important; } [class*=carttoquote-] thead { /* background-color: #dfdfdf; */ } [class*=carttoquote-] thead, [class*=carttoquote-] thead th:not(:first-child) { /* background-color: #f8f8f8; border: 1px solid #dfdfdf; */ text-align: center !important; } [class*=carttoquote-] .item-info, [class*=carttoquote-] .item-info td:not(:first-child) { /* border: 1px solid #dfdfdf !important; */ border-top: 0 none !important; border-right: 0 none !important; border-left: 0 none !important; text-align: center !important; } [class*=carttoquote-] .cart.table-wrapper .product-item-photo { height: 1px; } [class*=carttoquote-] .cart.table-wrapper .product-image-container, [class*=carttoquote-] .product-image-wrapper { max-height: 80px !important; width: 80px !important; } [class*=carttoquote-] .product-image-photo { height: 100%; width: auto !important; } body.cms-services .main-title{ display: none; } body.cms-services .div-control { display: flex; flex-direction: row; } @media only screen and (max-width: 575px) { body.cms-services .div-control { display: grid !important; grid-template-columns: 50% 50%; } .page-services .icon-control { width: 100% !important; } body.cms-services .page-services .div-control .text-control { margin-top: 0; } body.cms-services .div-img-left { flex-direction: column !important; } body.cms-services .div-img-right { flex-direction: column-reverse !important; } body.cms-services .div-img-left > div, body.cms-services .div-img-right > div { width: 100% !important; } body.cms-services .div-info-left, body.cms-services .div-info-right { align-content: baseline; } body.cms-services .div-info-left .text, body.cms-services .div-info-right .text, body.cms-services .div-info-left .title, body.cms-services .div-info-right .title { padding: 15px 0 !important; } } body.cms-services .page-services .div-control .text-control { font-weight: 400 !important; font-size: 16px; text-transform: uppercase; margin-top: 15px; } body.cms-services .div-img-left, body.cms-services .div-img-right { display: flex; margin: 80px 0; background: none; } body.cms-services .div-img-left .img-info img, body.cms-services .div-img-right .img-info img { border-radius: 15px; object-fit: cover; } body.cms-services .div-img-left, body.cms-services .div-img-right { flex-direction: row; } /* body.cms-services .div-img-right { flex-direction: row-reverse; } */ body.cms-services .div-info-left, body.cms-services .div-info-right { display: flex; align-content: center; flex-wrap: wrap; } body.cms-services .div-info-left .title, body.cms-services .div-info-right .title { font-size: 28px; font-weight: 600; text-transform: uppercase; margin-top: 0; } body.cms-services .div-info-left .text, body.cms-services .div-info-right .text { font-size: 16px; } body.cms-services .div-info-left .text, body.cms-services .div-info-right .text, body.cms-services .div-info-left .title, body.cms-services .div-info-right .title { padding: 0 15%; } .page-services .div-middle .image-background img { border-radius: 15px; } .page-services .btn-contact-us { padding: 10px 30px !important; background-color: var(--button-bg) !important; } .page-services .div-control .img-control { object-fit: contain; margin: auto !important; } .page-services .width-100 { text-align: center; } .filter-options-content a:hover { background: transparent !important; } .filter-options-item span.price { font-size: 16px !important; } .table-comparison { border: 1px solid #ccc; } .table-comparison .cell { border-right: 1px solid #ccc; } .table-comparison .cell.remove { padding-top: 15px !important; } .header.content .compare.wrapper { display: none; } .products-grid .product-item-info:hover, .products-grid .product-item-info.active { box-shadow: unset !important; } .actions-toolbar { margin-top: 30px; } li.greet.welcome { padding-right: 10px; } .minicart-delivery { display: none !important; } .header.content .title { font-size: var(--text-md); } .header.content .price-label { display: none; } .prology-banner-wrapper .action.more.button { display: none; } .top-slider > p { margin-bottom: 0 !important; } @media only screen and (min-width: 1600px) { .prology-slider { margin-bottom: -450px; } } .page-manufacturer-list .main-content .block .sub-block .block-title { background-color: var(--button-bg) !important; border-radius: 14px 14px 0 0; } .page-manufacturer-list .main-content .block .sub-block .block-content { background-color: transparent !important; border: 1px solid #dfdfdf; display: flex; flex-direction: column; gap: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 0 0 14px 14px; } @media only screen and (max-width: 768px) { .page-manufacturer-list .main-content .block .sub-block { width: 32% !important; margin-bottom: 10px; float: unset !important; } } @media only screen and (max-width: 575px) { .page-manufacturer-list .main-content .block .sub-block { width: 100% !important; } } @media only screen and (max-width: 575px) { .product-item .tocart { padding: 0 0 15px 15px !important; } } .top-slider { overflow: hidden; } .owl-theme .owl-nav [class*='owl-'] { padding: 5px; background-color: #ddd; } .ipsupply-hotpick-product .widget-title { display: block; } .ipsupply-hotpick-product .hotpick-button-previous, .ipsupply-hotpick-product .hotpick-button-next { background: url(../images/previous.png) no-repeat center; background-color: rgba(0,0,0,.25); border: 0 none; border-radius: 9px; background-size: 50% !important; } .ipsupply-hotpick-product .hotpick-button-previous, .ipsupply-hotpick-product .hotpick-button-next { margin: 0 12px; } .owl-theme .owl-nav [class*=owl-]:hover { background-color: transparent !important; } .owl-theme .owl-nav [class*=owl-]:hover > button { background-color: rgba(0,0,0,.5); } .ipsupply-hotpick-product .hotpick-button-next { transform: rotate(180deg); } .ipsupply-hotpick-product .item-hotpick { display: flex; flex-direction: column; gap: 10px; } div#checkout-step-shipping > div, div#checkout-step-shipping > div > div { display: flex; width: 100%; flex-direction: column; } .opc-wrapper .shipping-address-item { margin-bottom: 0 !important; } .opc-wrapper .action-show-popup { border: 0 none !important; color: #fff !important; background-color: var(--button-bg); width: 160px; } .opc-wrapper .shipping-address-item { border-color: #dfdfdf !important; } button.action.action-select-shipping-item { border: 0 none !important; background-color: var(--button-bg); color: #fff; } .shipping-address-items { display: flex; flex-direction: initial; gap: 30px; } .fotorama__nav__shaft.fotorama__grab { top: 15px; } @media only screen and (max-width: 768px) { [class*=carttoquote-] .item-info { display: flex; flex-direction: row; } [class*=carttoquote-] .col { display: flex !important; flex-direction: row; align-items: center; } [class*=carttoquote-] .col:first-child { padding-left: 80px !important; } [class*=carttoquote-] .cart.table-wrapper .product-item-photo { top: 0 !important; left: 0 !important; } [class*=carttoquote-] .item-info .product-item-details { padding-left: 10px !important; } [class*=carttoquote-] .item-info td:not(:first-child) { display: flex !important; border: 0 none !important; gap: 15px; } #shopping-cart-table thead { display: none; } [class*=carttoquote-] .item-info { border-bottom: 0 none !important; } } .page-products .product-item-info { width: auto !important; } @media only screen and (max-width: 768px) { .header.panel > .header.links > li.customer-welcome { display: none !important; } .section-item-content.nav-sections-item-content ul.header.links { display: flex !important; flex-direction: column; } } #cart-sidebar-reorder .product-item { padding: 5px 15px !important; } #cart-sidebar-reorder .product-item-name { display: flex; align-items: center; } #wishlist-sidebar .product-item { margin: 10px 0 !important; } @media only screen and (max-width: 768px) { .block-collapsible-nav { top: 0 !important; } .block-collapsible-nav > .title { border-top: 0 none !important; } } #wishlist-view-form .actions-toolbar .action { background: var(--button-bg); color: #fff; border: 0 none; } form#wishlist-view-form .product-item-info { display: flex !important; flex-direction: column; } form#wishlist-view-form .product-item-info .product-item-photo, .products-grid.wishlist .product-item-name, .products-grid.wishlist .product-item-description, .products-grid.wishlist .product-item .price-box, .products-grid.wishlist .product-item-tooltip { margin: 0; } .prology-single form#wishlist-view-form a.product-item-link { font-size: var(--text-md); } .prology-single form#wishlist-view-form .tocart, #wishlist-sidebar .tocart { padding: 5px 10px !important; } .cms-home .widget { display: flex; flex-direction: column; margin-bottom: 0 !important; } .cms-home .widget > p { display: none; } .cms-home .column.main { padding-bottom: 0 !important; } #discount-coupon-form .action.apply { color: #fff; } #block-discount { text-align: left; } .block.crosssell .product-item-info { width: auto !important; } #co-shipping-form { max-width: unset !important; } #shipping-new-address-form { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin-bottom: 15px; } #shipping-new-address-form .field { margin-bottom: 0; } #shipping-new-address-form .field .control > * { border-radius: 6px; } .modal-inner-wrap { border-radius: 15px; } .checkout-index-index .modal-popup .modal-inner-wrap { left: 0 !important; margin-left: auto !important; } #wishlist-sidebar span.product-image-container { width: 80px !important; } #wishlist-sidebar .product-item-info { padding: 5px 0px !important; } .checkout-cart-index #form-validate .actions-toolbar { margin-top: 0; } .checkout-cart-index #form-validate .product-item-details { padding-bottom: 0; vertical-align: middle; } .checkout-cart-index #form-validate .product-item-photo > span { width: 80px !important; } .cms-no-route dt { font-size: 16px; } .cms-no-route .column.main { /* margin: 40px 0; */ } .cms-no-route .column.main, .cms-no-route .column.main p { text-align: center !important; } .cms-no-route dd > ul.disc { display: block; list-style-type: none; padding: 0; margin: auto; } .cms-no-route dd > ul.disc li { display: inline-block; margin: 0 10px; } .cms-no-route dd > ul.disc li a { display: block; padding: 5px 15px; background: var(--button-bg) !important; color: #fff; border-radius: 8px; position: relative; } .cms-no-route dd > ul.disc li a:after { background: url(../images/previous.png); position: absolute; top: -2px; right: 0px; content: ''; width: 32px; height: 32px; transform: scale(.35) rotate(180deg); } .cms-no-route dd > ul.disc li:last-child a { padding-right: 30px; } .cms-no-route dd > ul.disc li:first-child a:after { transform: scale(.35); left: 0; } .cms-no-route dd > ul.disc li:first-child a { padding-left: 30px; } .navigation .level0 .submenu a { font-weight: 400 !important; text-transform: capitalize !important; } form#contact-form input, form#contact-form textarea { border-radius: 6px; } .cms-contact-us img {border-radius: 20px;} /* ****************************************************************************************************************************** CUSTOM CLASSES ****************************************************************************************************************************** */ .text-primary { color: var(--text-nav); } .font-w-semi { font-weight: var(--font-semi); } strong, b { font-weight: var(--font-semi); } /* */ /* tab product detail */ #tab-label-ipsupply_ebay { display: none; } /*BACKUP*/ /* .prology-sbanner-wrapper{display:grid;grid-template-columns:.5fr .25fr .25fr;gap:30px;margin-bottom:30px}@media only screen and (max-width: 1024px){.prology-sbanner-col:nth-child(1){grid-area:prologySBannerCol1}.prology-sbanner-col:nth-child(2){grid-area:prologySBannerCol2}.prology-sbanner-col:nth-child(3){grid-area:prologySBannerCol3}.prology-sbanner-wrapper{grid-template-columns:auto;grid-template-areas:"prologySBannerCol1 prologySBannerCol1" "prologySBannerCol2 prologySBannerCol3"}}@media only screen and (max-width: 575px){.prology-sbanner-wrapper{grid-template-areas:"prologySBannerCol1 prologySBannerCol1" "prologySBannerCol2 prologySBannerCol2" "prologySBannerCol3 prologySBannerCol3"}}.prology-sbanner-col{padding:60px;border-radius:30px;background:linear-gradient(180deg, rgba(86, 204, 242, 0.25) 0%, rgba(0, 36, 48, 0.5) 100%),#010111;background-size:cover;background-position:center}.prology-sbanner-item{display:flex;flex-direction:column;gap:30px;height:100%}.prology-sbanner-item *{color:#fff}.prology-sbanner-item__area>*{font-size:16px;font-weight:500;text-transform:uppercase}.prology-sbanner-item__label>*{font-size:28px !important;font-weight:700;text-transform:capitalize !important}.prology-sbanner-item__actions{margin-top:auto;position:relative}.prology-sbanner-item__actions>a{font-size:14px;color:#fff !important;text-transform:uppercase;text-decoration:none;border-radius:8px;padding:12px 30px 10px;background:#50c3e6}.prology-sbanner-item__actions>a:after{content:"";width:40px;height:20px;background-image:url(../images/sbanner-arrow.png);position:absolute;top:0;right:0}.prology-topCategories-head>*{color:#00458a;font-size:36px;font-weight:700;margin-bottom:30px}.prology-topCategories-wrapper{display:grid;grid-template-columns:repeat(5, 1fr);gap:30px;margin-bottom:30px}@media only screen and (max-width: 1440px){.prology-topCategories-wrapper{gap:20px;grid-template-columns:repeat(5, 1fr)}}@media only screen and (max-width: 1024px){.prology-topCategories-wrapper{grid-template-columns:repeat(3, 1fr)}}@media only screen and (max-width: 768px){.prology-topCategories-wrapper{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 575px){.prology-topCategories-wrapper{grid-template-columns:repeat(1, 1fr)}}.prology-topCategories-col{background:linear-gradient(270deg, rgba(156, 232, 255, 0.5) 4.89%, rgba(66, 211, 255, 0.5) 100%);border-radius:30px;padding:30px}.prology-topCategories-col__wrapper{display:flex;flex-direction:column;gap:30px;height:100%}.prology-topCategories-col__position{width:60px;height:60px;line-height:60px;border:3px solid #00458a;border-radius:100%;text-align:center;margin:auto;font-size:28px;font-weight:700;color:#00458a}.prology-topCategories-col__label a{font-size:16px;color:#00458a;font-weight:800;text-align:center;text-decoration:none;text-transform:uppercase;display:block}.prology-topCategories-col__thumbnail{position:relative}.prology-topCategories-col__thumbnail:before{content:"";position:absolute;width:45%;height:0;padding-bottom:45%;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#fff;z-index:1;border-radius:100%}.prology-topCategories-col__thumbnail a{display:block;text-align:center}.prology-topCategories-col__thumbnail a img{position:relative;z-index:2}.prology-topCategories-col__actions a{display:block;color:#fff !important;background-color:#028bb5;text-align:center;height:38px;line-height:38px;border-radius:38px;width:100%;text-decoration:none;text-transform:uppercase;box-shadow:1px 2px 3px rgba(0,0,0,.25)}.prology-topCategories img{max-width:100%}@media(hover: hover){::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#555}}.prology-chat{z-index:99999;position:fixed;bottom:100px;right:24px}.prology-chat__wrapper{display:flex;flex-direction:column;gap:5px;max-width:320px;min-width:320px;border-radius:14px;background-color:#fff;position:relative;z-index:9;box-shadow:0px 0px 6px rgba(0,0,0,.25)}@media only screen and (max-width: 320px){.prology-chat__wrapper{max-width:100%;min-width:100%}}.prology-chat__header{display:flex;flex-direction:row;gap:10px;align-items:center;padding:5px 10px;border-radius:14px 14px 0 0;background-color:#f2f2f2}.prology-chat__header-minimizer{margin-left:auto;width:16px;height:16px;display:flex;align-items:center;border-radius:50rem;padding:5px;background:#e0e0e0;cursor:pointer}.prology-chat__header-minimizer:before{content:"";display:block;width:100%;height:2px;background:#333}.prology-chat__header-brand{width:24px;height:24px}.prology-chat__header-brand img{width:100%}.prology-chat__header-label{display:flex;flex-direction:column;gap:5px}.prology-chat__header-label>*>*{margin:0}.prology-chat__header-label-main>*{font-size:14px;font-weight:700}.prology-chat__header-label-sub>*{font-size:10px;font-weight:400;color:#828282}.prology-chat__footer{display:flex;flex-direction:row;gap:5px;align-items:center;padding:5px 10px;border-radius:0 0 14px 14px;background-color:#f2f2f2;justify-content:center}.prology-chat__footer-brand{width:20px;height:20px}.prology-chat__footer-brand img{width:100%}.prology-chat__footer-powered>*{font-size:12px;color:#828282;margin:6px auto}.prology-chat__content{padding:5px;overflow:hidden}.prology-chat__content:first-child{display:none}.prology-chat__content .prology-chat__content-auth{display:none}.prology-chat__content.not-logged .prology-chat__content-auth{display:flex !important;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:15px 20px}.prology-chat__content.not-logged .prology-chat__content-auth>img{width:80px;height:80px}.prology-chat__content.not-logged .prology-chat__content-auth+div{display:none}.prology-chat__content.not-logged+.prology-chat__control{display:none}.prology-chat__content-not-logged-button{display:flex;flex-direction:column;gap:10px;width:100%}.prology-chat__content-not-logged-button .btn{width:100%;border:0 none;background:#50c3e6;color:#fff;padding:10px 15px;font-size:16px;font-weight:500;border-radius:8px}.prology-chat__content-welcome{display:flex;flex-direction:column;gap:5px;margin:15px 0}.prology-chat__content-welcome>h3,.prology-chat__content-welcome>h4{margin:0}.prology-chat__content-welcome>h3{font-size:21px;font-weight:500;color:#333}.prology-chat__content-welcome>h4{font-size:16px;font-weight:400;color:#4f4f4f}.prology-chat__content-view{max-height:45vh;padding:5px 10px;overflow-y:auto}.prology-chat__content-view-wrapper{overflow-y:auto;display:flex;flex-direction:column;gap:5px}.prology-chat__content-view-wrapper .time>span,.prology-chat__content-view-wrapper .time{font-size:12px;color:#bdbdbd}.prology-chat__content-view-wrapper>.time{text-align:center;padding-top:15px}.prology-chat__content-view-wrapper .client{text-align:left}.prology-chat__content-view-wrapper .client>p .content{background:#f2f2f2;color:#4f4f4f}.prology-chat__content-view-wrapper .owner{text-align:right}.prology-chat__content-view-wrapper .owner>p{text-align:left;margin-left:auto !important}.prology-chat__content-view-wrapper .owner>p .content{background-color:#50c3e6;color:#fff}.prology-chat__content-view-wrapper .client>p,.prology-chat__content-view-wrapper .owner>p{max-width:80%;margin:0}.prology-chat__content-view-wrapper .client>p .content,.prology-chat__content-view-wrapper .owner>p .content{padding:5px;display:block;border-radius:4px;word-break:break-all;white-space:pre-line}.prology-chat__control{padding:5px 10px}.prology-chat__control form{display:flex;flex-direction:row;gap:5px;align-items:center;padding:5px 10px;background-color:#f2f2f2;border-radius:8px}.prology-chat__control input{width:100%;border:0 none;outline:none;background:rgba(0,0,0,0)}.prology-chat__control button{width:20px;display:block;padding:0;margin:0;border:0 none;cursor:pointer}.prology-chat__control button img{width:100%}.prology-makeOffer__wrapper{padding:30px;border-radius:20px}@media only screen and (max-width: 320px){.prology-makeOffer__wrapper{padding:15px}}.prology-makeOffer__wrapper-item{display:flex;flex-direction:column;gap:5px}.prology-makeOffer__wrapper-item:first-child{margin:10px 0}.prology-makeOffer__wrapper-item h3{font-size:28px;font-weight:800;margin:0}.prology-makeOffer__wrapper-item h4{font-size:16px;font-weight:500;margin:0}.prology-makeOffer__wrapper-item h5{font-size:14px;font-weight:400;color:#828282;margin:0}.prology-makeOffer__wrapper-item>*{color:#333;text-align:center}.prology-makeOffer__wrapper form{display:flex;flex-direction:column;gap:15px;margin-top:20px}.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item:first-child{margin:0}.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item__control{display:flex;flex-direction:column;gap:5px;text-align:left}.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item__control label{font-size:14px;color:#4f4f4f}.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item__control label .red-label{color:#eb5757}.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item__control input,.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item__control textarea{font-size:16px;font-weight:500;padding:10px;border-radius:14px;border:1px solid #bdbdbd;outline:0;font-size:14px}.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item__control button{background:#50c3e6;color:#fff;border:0 none;padding:10px;border-radius:14px} */ /*BANNER*/ .prology-sbanner-wrapper{display:grid;grid-template-columns:.5fr .25fr .25fr;gap:30px;margin-bottom:30px}@media only screen and (max-width: 1024px){.prology-sbanner-col:nth-child(1){grid-area:prologySBannerCol1}.prology-sbanner-col:nth-child(2){grid-area:prologySBannerCol2}.prology-sbanner-col:nth-child(3){grid-area:prologySBannerCol3}.prology-sbanner-wrapper{grid-template-columns:auto;grid-template-areas:"prologySBannerCol1 prologySBannerCol1" "prologySBannerCol2 prologySBannerCol3"}}@media only screen and (max-width: 575px){.prology-sbanner-wrapper{grid-template-areas:"prologySBannerCol1 prologySBannerCol1" "prologySBannerCol2 prologySBannerCol2" "prologySBannerCol3 prologySBannerCol3"}}.prology-sbanner-col{padding:60px;border-radius:30px;background:linear-gradient(180deg, rgba(86, 204, 242, 0.25) 0%, rgba(0, 36, 48, 0.5) 100%),#010111;background-size:cover;background-position:center}.prology-sbanner-item{display:flex;flex-direction:column;gap:30px;height:100%}.prology-sbanner-item *{color:#fff}.prology-sbanner-item__area>*{font-size:16px;font-weight:500;text-transform:uppercase}.prology-sbanner-item__label>*{font-size:28px !important;font-weight:700;text-transform:capitalize !important}.prology-sbanner-item__actions{margin-top:auto;position:relative}.prology-sbanner-item__actions>a{font-size:14px;color:#fff !important;text-transform:uppercase;text-decoration:none;border-radius:8px;padding:12px 30px 10px;background:#50c3e6}.prology-sbanner-item__actions>a:after{content:"";width:40px;height:20px;background-image:url(../images/sbanner-arrow.png);position:absolute;top:0;right:0} /*INDEX CATEGORIES*/ .prology-topCategories-head>*{color:#00458a;font-size:36px;font-weight:700;margin-bottom:30px}.prology-topCategories-wrapper{display:grid;grid-template-columns:repeat(5, 1fr);gap:30px;margin-bottom:30px}@media only screen and (max-width: 1440px){.prology-topCategories-wrapper{gap:20px;grid-template-columns:repeat(5, 1fr)}}@media only screen and (max-width: 1024px){.prology-topCategories-wrapper{grid-template-columns:repeat(3, 1fr)}}@media only screen and (max-width: 768px){.prology-topCategories-wrapper{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 575px){.prology-topCategories-wrapper{grid-template-columns:repeat(1, 1fr)}}.prology-topCategories-col{background:linear-gradient(270deg, rgba(156, 232, 255, 0.5) 4.89%, rgba(66, 211, 255, 0.5) 100%);border-radius:30px;padding:30px}.prology-topCategories-col__wrapper{display:flex;flex-direction:column;height:100%}.prology-topCategories-col__position{width:60px;height:60px;line-height:60px;border:3px solid #00458a;border-radius:100%;text-align:center;margin:auto;font-size:28px;font-weight:700;color:#00458a}.prology-topCategories-col__label h2{margin-top:36px}.prology-topCategories-col__label a{font-size:16px;color:#00458a;font-weight:800;text-align:center;text-decoration:none;text-transform:uppercase;display:block}.prology-topCategories-col__thumbnail{position:relative}.prology-topCategories-col__thumbnail:before{content:"";position:absolute;width:45%;height:0;padding-bottom:45%;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#fff;z-index:1;border-radius:100%}.prology-topCategories-col__thumbnail a{display:block;text-align:center}.prology-topCategories-col__thumbnail a img{position:relative;z-index:2}.prology-topCategories-col__actions a{display:block;color:#fff !important;background-color:#028bb5;text-align:center;height:38px;line-height:38px;border-radius:38px;width:100%;text-decoration:none;text-transform:uppercase;box-shadow:1px 2px 3px rgba(0,0,0,.25)}.prology-topCategories img{max-width:100%} /*CHAT*/ @media(hover: hover){::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#555}}.prology-chat{z-index:99999;position:fixed;bottom:120px;right:24px}.prology-chat__wrapper{display:flex;flex-direction:column;gap:5px;max-width:320px;min-width:320px;border-radius:14px;background-color:#fff;position:relative;z-index:9;box-shadow:0px 0px 6px rgba(0,0,0,.25)}@media only screen and (max-width: 320px){.prology-chat__wrapper{max-width:100%;min-width:100%}}.prology-chat__header{display:flex;flex-direction:row;gap:10px;align-items:center;padding:5px 10px;border-radius:14px 14px 0 0;background-color:#f2f2f2}.prology-chat__header-minimizer{margin-left:auto;width:16px;height:16px;display:flex;align-items:center;border-radius:50rem;padding:5px;background:#e0e0e0;cursor:pointer}.prology-chat__header-minimizer:before{content:"";display:block;width:100%;height:2px;background:#333}.prology-chat__header-brand{width:24px;height:24px}.prology-chat__header-brand img{width:100%}.prology-chat__header-label{display:flex;flex-direction:column;gap:5px}.prology-chat__header-label>*>*{margin:0}.prology-chat__header-label-main>*{font-size:14px;font-weight:700}.prology-chat__header-label-sub>*{font-size:10px;font-weight:400;color:#828282}.prology-chat__footer{display:flex;flex-direction:row;gap:5px;align-items:center;padding:5px 10px;border-radius:0 0 14px 14px;background-color:#f2f2f2;justify-content:center}.prology-chat__footer-brand{width:20px;height:20px}.prology-chat__footer-brand img{width:100%}.prology-chat__footer-powered>*{font-size:12px;color:#828282;margin:6px auto}.prology-chat__content{padding:5px;overflow:hidden;min-height:200px}.prology-chat__content:first-child{display:none}.prology-chat__content .prology-chat__content-auth{display:none}.prology-chat__content.not-logged .prology-chat__content-auth{display:flex !important;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:15px 20px}.prology-chat__content.not-logged .prology-chat__content-auth>img{width:80px;height:80px}.prology-chat__content.not-logged .prology-chat__content-auth+div{display:none}.prology-chat__content.not-logged+.prology-chat__control{display:none}.prology-chat__content-not-logged-button{display:flex;flex-direction:column;gap:10px;width:100%}.prology-chat__content-not-logged-button .btn{width:100%;border:0 none;background:#50c3e6;color:#fff;padding:10px 15px;font-size:16px;font-weight:500;border-radius:8px}.prology-chat__content-welcome{display:flex;flex-direction:column;gap:5px;margin:15px 0}.prology-chat__content-welcome>h3,.prology-chat__content-welcome>h4{margin:0}.prology-chat__content-welcome>h3{font-size:21px;font-weight:500;color:#333}.prology-chat__content-welcome>h4{font-size:16px;font-weight:400;color:#4f4f4f}.prology-chat__content-view{max-height:45vh;padding:5px 10px;overflow-y:auto}.prology-chat__content-view-wrapper{overflow-y:auto;display:flex;flex-direction:column;gap:5px}.prology-chat__content-view-wrapper .time>span,.prology-chat__content-view-wrapper .time{font-size:12px;color:#bdbdbd}.prology-chat__content-view-wrapper>.time{text-align:center;padding-top:15px}.prology-chat__content-view-wrapper .client{text-align:left}.prology-chat__content-view-wrapper .client>p .content{background:#f2f2f2;color:#4f4f4f}.prology-chat__content-view-wrapper .owner{text-align:right}.prology-chat__content-view-wrapper .owner>p{text-align:left;margin-left:auto !important}.prology-chat__content-view-wrapper .owner>p .content{background-color:#50c3e6;color:#fff}.prology-chat__content-view-wrapper .client>p,.prology-chat__content-view-wrapper .owner>p{max-width:80%;margin:0}.prology-chat__content-view-wrapper .client>p .content,.prology-chat__content-view-wrapper .owner>p .content{padding:5px;display:block;border-radius:4px;word-break:break-all;white-space:pre-line}.prology-chat__control{padding:5px 10px}.prology-chat__control form{display:flex;flex-direction:row;gap:5px;align-items:center;padding:5px 10px;background-color:#f2f2f2;border-radius:8px}.prology-chat__control input{width:100%;border:0 none;outline:none;background:rgba(0,0,0,0);box-shadow:none !important}.prology-chat__control button{width:20px;display:block;padding:0;margin:0;border:0 none;cursor:pointer}.prology-chat__control button img{width:100%} /*MAKE OFFER*/ .prology-makeOffer__wrapper{padding:30px;border-radius:20px}@media only screen and (max-width: 320px){.prology-makeOffer__wrapper{padding:15px}}.prology-makeOffer__wrapper-item{display:flex;flex-direction:column;gap:5px}.prology-makeOffer__wrapper-item:first-child{margin:10px 0}.prology-makeOffer__wrapper-item h3{font-size:28px;font-weight:800;margin:0}.prology-makeOffer__wrapper-item h4{font-size:16px;font-weight:500;margin:0}.prology-makeOffer__wrapper-item h5{font-size:14px;font-weight:400;color:#828282;margin:0}.prology-makeOffer__wrapper-item>*{color:#333;text-align:center}.prology-makeOffer__wrapper form{display:flex;flex-direction:column;gap:15px;margin-top:20px}.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item:first-child{margin:0}.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item__control{display:flex;flex-direction:column;gap:5px;text-align:left}.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item__control label{font-size:14px;color:#4f4f4f}.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item__control label .red-label{color:#eb5757}.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item__control input,.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item__control textarea{font-size:16px;font-weight:500;padding:10px;border-radius:14px;border:1px solid #bdbdbd;outline:0;font-size:14px}.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item__control button{background:#50c3e6;color:#fff;border:0 none;padding:10px;border-radius:14px} /* menu */ .nav-sections ul li ul li a { text-transform: capitalize!important; font-weight: 500!important; } /*FAQ*/ .prology__body_faq_page .prology__faq_page_block { max-width: 640px; margin: auto; } .prology__body_faq_page .prology__block_title { width: 100% !important; padding: 5px 10px !important; border-radius: 5px 5px 0 0; } .prology__body_faq_page .prology__faq_question { display: block !important; width: 100% !important; } .prology__body_faq_page .prology__faq_question, .prology__body_faq_page .prology__faq_answer { border-width: 0 1px 1px 1px !important; border-style: solid !important; border-color: #ddd !important; } .prology__body_faq_page .prology__faq_answer { background-color: rgba(233, 236, 239, .5) !important; width: 100% !important; } .prology__body_faq_page .prology__block_faqs { display: flex; flex-direction: column; } .prology__body_faq_page * { box-sizing: border-box; } .prology__faq_answer { /* display: flex !important; */ flex-direction: column; } .prology__faq_answer ul, .prology__faq_answer ul li { list-style-type: none; margin: 0; padding: 0; } /*BLOCK CHUNG*/ *{box-sizing:border-box}.prology-block__content-box.grid{display:grid;gap:32px;padding:32px 0;align-items:stretch}@media only screen and (max-width: 767px){.prology-block__content-box.grid{align-items:center}}.prology-block__content-box.grid.gap-1{gap:0 !important}.prology-block__content-box.grid.gap-1{gap:12px !important}.prology-block__content-box.grid.auto-rows{grid-auto-rows:1fr}@media only screen and (min-width: 1024px){.prology-block__content-box.grid.auto-rows-md{grid-auto-rows:1fr}}.prology-block__content-box.grid.auto-columns{grid-auto-columns:1fr}@media only screen and (min-width: 1024px){.prology-block__content-box.grid.auto-columns-md{grid-auto-columns:1fr}}@media only screen and (max-width: 425px){.prology-block__content-box.grid.max{grid-template-columns:repeat(auto-fit, minmax(100%, 1fr))}}.prology-block__content-box.grid-1-col{grid-template-columns:repeat(auto-fit, minmax(100%, 1fr))}.prology-block__content-box.grid-2-cols{grid-template-columns:repeat(auto-fit, minmax(calc(50% - 32px), 1fr))}@media only screen and (max-width: 767px){.prology-block__content-box.grid-2-cols{grid-template-columns:repeat(auto-fit, minmax(100%, 1fr))}}@media only screen and (min-width: 768px){.prology-block__content-box.grid-2-cols.reverse-lg{grid-auto-flow:dense;direction:rtl}}.prology-block__content-box.grid-3-cols{grid-template-columns:repeat(auto-fit, minmax(calc(33.3333% - 32px), 1fr))}@media only screen and (max-width: 767px){.prology-block__content-box.grid-3-cols{grid-template-columns:repeat(auto-fit, minmax(calc(50% - 32px), 1fr))}}@media only screen and (max-width: 425px){.prology-block__content-box.grid-3-cols{grid-template-columns:repeat(auto-fit, minmax(calc(50% - 32px), 1fr))}}.prology-block__content-box.grid-35\/65{grid-template-columns:.35fr .64fr}@media only screen and (max-width: 1023px){.prology-block__content-box.grid-35\/65{grid-template-columns:1fr}}.prology-block__content-box.grid-6-cols{grid-template-columns:repeat(auto-fit, minmax(calc(16.6666666667% - 32px), 1fr))}@media only screen and (min-width: 1024px){.prology-block__content-box.grid-6-cols{grid-template-columns:repeat(auto-fit, minmax(calc(33.3333333333% - 32px), 1fr))}}@media only screen and (min-width: 1200px){.prology-block__content-box.grid-6-cols{grid-template-columns:repeat(auto-fit, minmax(calc(16.6666666667% - 32px), 1fr))}}@media only screen and (max-width: 1023px){.prology-block__content-box.grid-6-cols{grid-template-columns:repeat(auto-fit, minmax(calc(33.3333333333% - 32px), 1fr))}}@media only screen and (max-width: 767px){.prology-block__content-box.grid-6-cols{grid-template-columns:repeat(auto-fit, minmax(calc(50% - 32px), 1fr))}}.prology-block__content-box img{display:block;margin:auto}.text-left{text-align:start}.text-center{text-align:center}.d-block{display:block}.d-flex{display:flex}.w-100{width:100%}.flex-direction-col{flex-direction:column}.align-items-center{align-items:center !important}@media only screen and (min-width: 1024px){.align-items-center-md{align-items:center !important}}.align-items-start{align-items:start !important}.align-items-stretch{align-items:stretch !important}.it-decom-services img{max-height:40px;width:auto}.border-radius{border-radius:32px}.shadow{box-shadow:0 0 40px rgba(0,0,0,.2)}.p-0{padding:0 !important} /*DATASHEET*/ .stackList{list-style-type:none;margin:0;padding:0;display:flex;flex-direction:column;gap:15px}.stackList li{display:flex;flex-direction:row;gap:15px;align-items:start}@media only screen and (max-width: 768px){.stackList li{flex-direction:column}.stackList li>*{width:100%}.stackList li>*:not(.heading){margin:0 5px;display:inline-block}}.stackList li .heading{margin:0;margin-right:auto;font-weight:400;font-size:1.6rem}@media only screen and (max-width: 1023px){.stackList li .heading{margin-right:auto}}@media only screen and (max-width: 1023px){.stackList li .heading+span{display:none}}.stackList li>span{color:#1c87a8;cursor:pointer}.stackList li a{display:flex;flex-direction:row;gap:10px;align-items:center}.stackList li a img{width:15px}.pagination{display:inline-block;margin-top:30px}.pagination a{color:#000;float:left;padding:8px 16px;text-decoration:none;transition:background-color .3s;border:1px solid #ddd;margin:0 4px}.pagination a:hover:not(.active){background-color:#ddd}.pagination a.active{background-color:#50c3e6;color:#fff;border:1px solid #1c87a8}.border{border:1px solid #ccc}.border-radius{border-radius:1rem}.p-1rem{padding:1rem}.d-none{display:none}@media only screen and (min-width: 1024px){.d-md-flex{display:flex}} /*IT RENTAL*/ .prology-itRental img{width:100%;max-width:100%;border-radius:32px;box-shadow:0 0 40px rgba(0,0,0,.2)}@media only screen and (max-width: 1024px){.prology-itRental img{border-radius:16px}}.prology-itRental__content-box{margin:80px auto 0;display:grid;grid-template-columns:1fr}@media only screen and (max-width: 1024px){.prology-itRental__content-box{margin-top:40px}}.prology-itRental__content-box.with-img{grid-gap:30px;grid-template-columns:repeat(auto-fit, minmax(50%, 1fr))}@media only screen and (max-width: 1024px){.prology-itRental__content-box.with-img{grid-template-columns:repeat(auto-fit, minmax(100%, 1fr))}}.prology-itRental__content-text{padding:0 200px}@media only screen and (max-width: 1024px){.prology-itRental__content-text{padding:0}}.prology-itRental__content-text.px-0{padding-left:0;padding-right:0}.prology-itRental__content-text>*{text-align:justify;text-align-last:center;margin:28px}.prology-itRental__content-text h2{font-size:38px;margin-top:0;font-weight:bold;text-transform:none !important}@media only screen and (max-width: 768px){.prology-itRental__content-text h2{font-size:28px !important}}.prology-itRental__content-text p{font-size:21px}@media only screen and (max-width: 767px){.prology-itRental__content-text p{font-size:16px}}.prology-itRental__content-text img{box-shadow:none}.prology-itRental__content-text img.prology-itRental__features{display:block;margin:40px auto 0}@media only screen and (min-width: 769px){.prology-itRental__content-text img.prology-itRental__features{max-width:50%}}@media only screen and (min-width: 1024px){.prology-itRental__content-text img.prology-itRental__features{max-width:70%}}@media only screen and (min-width: 1200px){.prology-itRental__content-text img.prology-itRental__features{max-width:40%}}.prology-itRental__content-text__grid{display:grid;grid-gap:30px;grid-template-areas:"div1 div1" "div2 div3" "div4 div5" "div6 div7";margin-top:40px}@media only screen and (max-width: 768px){.prology-itRental__content-text__grid{grid-template-areas:"div1 div1" "div2 div2" "div3 div3" "div4 div4" "div5 div5" "div6 div6" "div7 div7"}}.prology-itRental__content-text__grid+h3{margin-top:40px}.prology-itRental__content-text__grid h3{text-transform:uppercase}.prology-itRental__content-text__grid>div{background-color:#fff;box-shadow:0 0 16px rgba(0,0,0,.2);border-radius:16px;padding:6px 18px}.prology-itRental__content-text__grid>div:first-child{grid-area:div1}.prology-itRental__content-text__grid>div:nth-child(2){grid-area:div2}.prology-itRental__content-text__grid>div:nth-child(3){grid-area:div3}.prology-itRental__content-text__grid>div:nth-child(4){grid-area:div4}.prology-itRental__content-text__grid>div:nth-child(5){grid-area:div5}.prology-itRental__content-text__grid>div:nth-child(6){grid-area:div6}.prology-itRental__content-text__grid>div:nth-child(7){grid-area:div7} /*REFURBISHMENT*/ .prology-block>img,.prology-itRental>img,.prology-itDecom>img{display:block;margin:auto;border-radius:32px;box-shadow:0 0 40px rgba(0,0,0,.2);max-width:100%}@media only screen and (max-width: 1024px){.prology-block>img,.prology-itRental>img,.prology-itDecom>img{width:100%}}.refurbish__features{border:1px dashed rgba(80,195,230,.25);background:rgba(80,195,230,.25);border-radius:32px;margin-bottom:64px}.refurbish__features-header h3{font-size:var(--text-lg);margin-bottom:32px;margin:0}.refurbish__features-item{max-width:80%;display:block;margin:0 auto}.refurbish__features-item ul{list-style-type:none;margin:0 auto;padding:0}.refurbish__features-item ul li{margin-bottom:1em;padding-left:3em;position:relative}.refurbish__features-item ul li:before{content:"";position:absolute;top:-4px;left:0;width:26px;height:26px;background:url("../images/check.png")}.refurbish__features-item ul li h3{margin:0 0 1rem;font-size:var(--text-h6)}.refurbish__details-thumbnail{position:relative}.refurbish__details-thumbnail:before{content:"";position:absolute;width:70%;height:115%;border-radius:32px;top:-5%;left:20%;border:3px dashed #50c3e6}@media only screen and (max-width: 767px){.refurbish__details-thumbnail:before{left:50% !important;right:unset !important;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.refurbish__details-thumbnail img{border-radius:32px;box-shadow:0 0 40px rgba(0,0,0,.2);position:relative;z-index:2;max-width:100%}.refurbish__details-content{max-width:80%;padding:32px}@media only screen and (max-width: 1024px){.refurbish__details-content{max-width:100%}.refurbish__details-content h3,.refurbish__details-content p{text-align:center !important;text-align-last:center;margin:16px auto}}@media only screen and (max-width: 767px){.refurbish__details-content{padding:16px 16px 0}}.refurbish__details-content h3{font-size:var(--text-h5)}.reverse-lg .refurbish__details-thumbnail:before{right:20%;left:unset}.reverse-lg .refurbish__details-content h3,.reverse-lg .refurbish__details-content p{text-align:left;direction:ltr}.service-item{background:linear-gradient(270deg, rgba(0, 169, 160, 0.45) 4.89%, rgba(0, 169, 160, 0.25) 100%);border-radius:30px;padding:30px;box-shadow:0 0 12px rgba(0,0,0,.15);display:grid;height:100%}.service-item__content{display:grid;gap:10px}.service-item__number{width:60px;height:60px;line-height:60px;border:3px solid #00458a;border-radius:100%;text-align:center;margin:0 auto;font-size:28px;font-weight:700;color:#00458a}.service-item__label{font-size:21px !important;color:#00458a;font-weight:800;text-align:center !important;text-decoration:none;text-transform:capitalize !important;display:block;margin:0}.service-item__thumbnail{position:relative}.service-item__thumbnail::before{content:"";position:absolute;width:95%;height:0;padding-bottom:50%;top:90%;left:50%;-webkit-transform:translate(-50%, -90%);transform:translate(-50%, -90%);background-color:#fff;z-index:1;border-radius:100%}.service-item__thumbnail-img{display:block;text-align:center;margin:auto}.service-item__thumbnail-img img{position:relative;z-index:2} .prology-filter-form { width: 100%; /* max-width: 320px; */ text-align: center; display: flex; flex-direction: row; position: relative; justify-content: center; margin: 0 0 2rem; } .prology-filter-form > form { width: 100%; height: 38px; } .prology-filter-form > form > input { width: 100%; padding: 1rem 9rem .75rem 2rem; border-radius: 10rem; border: 1px solid var(--border-color); height: 100%; } .prology-filter-form > form > button { position: absolute; top: 1px; right: 1px; border-radius: 10rem; border: 0 none; background: #50c3e6; color: #fff; font-weight: 400; height: 100%; padding: 0 32px; } #footer-methods { display: flex; flex-direction: column; gap: 12px; margin-top: 32px; } @media only screen and (max-width: 1024px) { #footer-methods { flex-direction: column; gap: 16px; margin-top: 0px; } } #footer-methods > div { display: flex; flex-direction: row; gap: 16px; align-items: center; } @media only screen and (max-width: 1024px) { #footer-methods { margin-bottom: 16px; } #footer-methods .title { margin: 0; } #footer-methods > div { flex-direction: column; gap: 9px; align-items: start; } } .ips__rental_page { margin: auto; display: block !important; width: 100%; } .prology-group-contact { margin: 30px auto 0; } .ips__form_label + div > * { border-radius: 9px !important; } @media only screen and (min-width: 1024px) { .prology-group-contact { width: 50%; } } @media only screen and (min-width: 768px) { .prology-group-contact { width: 100%; } } @media only screen and (max-width: 767px) { .prology-group-contact { width: 100%; } } .ips__rental_page .btn_submit { padding: 10px 32px !important; background-color: var(--button-bg); border-radius: 32px; border: 0 none; } .prology-complaint__desc { border: 1px solid var(--button-bg); padding: 16px 32px; border-radius: 16px; } .ips__customer_complain_page { display: block !important; width: 100%; padding: 0 16px 16px; border: 1px solid var(--button-bg); border-radius: 16px; } .ips__customer_complain_page select, .ips__customer_complain_page input, .ips__customer_complain_page button { border-radius: 12px; } .ips__customer_complain_page .btn_submit { padding: 10px 32px!important; background-color: var(--button-bg); border-radius: 32px; border: 0; } .actions-toolbar>.primary .action:last-child, .actions-toolbar>.secondary .action:last-child, input, button, .action.primary.checkout { border-radius: 10rem !important; } textarea { border-radius: 12px !important; } .modal-popup.modal-slide .modal-inner-wrap[class] { background-color: white !important; } .assetrecovery-index-index #maincontent { margin-top: 40px; } .prology__body_faq_page .prology__faq_answer { animation: none !important; } .cms-about-us main#maincontent { position: relative; } .cms-about-us main#maincontent:before { background-image: url(../images/paperplane.png); content: ''; width: 618px; height: 507px; position: absolute; bottom: -260px; right: 0px; z-index: -1; } .searchsuite-autocomplete { border-radius: 12px; overflow: hidden; } .cms-contact-us .brands-supported { display: none; } .contact input { height: 38px !important; padding-left: 16px !important; } /*fotorama custom*/ @media only screen and (min-width: 1024px) { .fotorama--fullscreen { width: 50% !important; height: 50%; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); overflow: visible !important; border-radius: 12px; } .fotorama--fullscreen .fotorama__wrap { height: 100% !important; width: 100% !important; } .fotorama--fullscreen .fotorama__stage { height: 100% !important; width: 100% !important; margin-bottom: 1px; } .fotorama--fullscreen .fotorama__stage__shaft.fotorama__grab { width: 100% !important; } .fotorama--fullscreen .fotorama__nav.fotorama__nav--thumbs { background: #fff; } .fotorama--fullscreen .fotorama__nav__frame.fotorama__nav__frame--thumb { border: 1px solid var(--button-bg); margin: 0 4px 0 0 !important; padding: 1px 0px !important; border-radius: 8px; overflow: hidden; } .fotorama--fullscreen .fotorama__nav__shaft { margin-top: 1px; } .fotorama--fullscreen .fotorama__thumb-border { display: none; } .fotorama--fullscreen .fotorama__nav__frame.fotorama__nav__frame--thumb.fotorama__active { border-color: red; } .fotorama--fullscreen .fotorama__nav {overflow: visible;} } .product.info.detailed > .product.data.items > div:first-child + div { display: block; } .product.info.detailed > .product.data.items > div:not([role=tab]) { display: none; } .filter-options-content[data-role=content] { display: none; } .filter-options-content[role=tabpanel][aria-hidden=true] { display: none !important; } .block-collapsible-nav .item.current a, .block-collapsible-nav .item.current > strong { border-color: var(--button-bg) !important; } .product.attribute.description figure.table { margin-bottom: 12px; } .product.attribute.description figure.table th, .product.attribute.description figure.table td { border: 1px solid var(--border-color); } .product.attribute.description p { word-break: break-word; } .minicart-prology .paypal-express-in-context-mini-cart-container{ display : none; }