button#sidebarCollapse { display: block; place-items: center; height: 18px; padding: 0px; width: 18px; position: relative; cursor: pointer; border: none; background: none; margin-left: 25px; } a:hover { color: #000; } h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5{ font-family: 'Montserrat'; } /* REMOVED ~280 lines: header-related orphan rules in custom.css. - .has-search family (.has-search .form-control / -feedback / input / input:focus / header .has-search / :after) — orphan, no .has-search anywhere in tpl - .header-contact .city / .header-phone a — orphan classes not in any tpl - .callback a — overridden by m51-redesign in mobile header__icon-elem - #navbarSupportedContent a — orphan, no Bootstrap navbar in use - .navbar-expand-lg .navbar-nav — orphan, no Bootstrap navbar - .header__icon-elem div span / div / :first-child / div img / .empty span / .cart span — fully overridden by body.m51-redesign .header__mobile .header__icon-elem* rules - header .container-fluid / header.navbar / header.sticky and its descendants — overridden by m51-redesign + header.css */ #sidebarCollapse > span { width: 18px; height: 1.5px; background: black; display: block; transition: all 0.3s ease-in-out; } /* #sidebarCollapse.active span:nth-child(1) { transform-origin: center center; transform: rotate(-45deg) translate(-4px, 4px); width: 20px; } #sidebarCollapse.active span:nth-child(2) { transform: translateX(10px); opacity: 0; } #sidebarCollapse.active span:nth-child(3) { transform-origin: center center; transform: rotate(45deg) translate(-4px, -4px); width: 20px; } */ #sidebarCollapse .line-1 { justify-self: end; } #sidebarCollapse .line-2 { justify-self: end; } button#sidebarCollapse > span { margin: 4px 0; } /* REMOVED ~310 lines: legacy #sidebar (mega-menu sidebar) + sub-menu-* + .menu-iem .has-search + .item-value #sidebar was orphan — replaced by .header__catalog dropdown system (in header.css + m51-redesign). .has-search / .sub-menu-* / .sidebar__sub-menu / .info-menu — all orphan. KEPT: #content + .wrapper (BOTH still used — .wrapper is on the page-flex container in header.tpl, needed to keep flex-direction: column so hero block sits below header, not to the right). */ .wrapper { width: 100%; margin: 0; flex-direction: column; position: relative; } #content { box-sizing: border-box; height: auto!important; flex: 1 0 auto; } /* REMOVED: span.item-value + .empty — orphan class */ #home-slider .slide__title { position: absolute; top: 16.9%; left: 15.11%; line-height: 4.875rem; font-weight: bold; font-size: 4rem; } #home-slider .slide__sub-title { font-size: 20px; line-height: 28px; top: 43.5%; left: 15.33%; position: absolute; } .slide__sub-title:after { content: ''; position: absolute; width: 41px; height: 3px; background: #000; bottom: -38px; left: 0; } #home-slider .slide__link { position: absolute; top: 66.4%; left: 15.15%; font-weight: bold; font-size: 14px; line-height: 17px; color: #fff; background: #000; padding: 24px 45px; border-radius: 6px; } #home-slider .slider-img-mobile { display: none; } #home-slider .owl-next, #home-slider .owl-prev { width: 30px; height: 50px; margin-top: -20px; position: absolute; top: 50%; } #home-slider .owl-prev { left: 10px; } #home-slider .owl-next { right: 10px; } .owl-theme .owl-nav [class*=owl-]:hover { background: none !important; color: #FFF; text-decoration: none; } .owl-dots { position: absolute; left: 0; right: 0; bottom: 22px; } .owl-theme .owl-dots .owl-dot span { width: 6px; height: 6px; margin: 5px 5px; background: #909195; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span { background: #000000; height: 12px; width: 12px; } .owl-theme .owl-dots .owl-dot:hover span { background: #000000; } .owl-theme .owl-dots .owl-dot { vertical-align: middle; } .container { max-width: 99%; padding-left: 30px; padding-right: 30px; } .content-home-page { margin-top: 30px; } .sub-banner--content { position: absolute; bottom: 40px; left: 38px; } .sub-banner-title { font-weight: bold; font-size: 16px; line-height: 20px; text-transform: uppercase; } .sub-banner--readmore { font-size: 14px; line-height: 17px; text-transform: uppercase; } .sub-banner-title:after { content: ''; display: block; width: 63px; height: 1px; background: #000; margin: 9px 0 11px 0; } .sub-banner-subtitle { font-weight: normal; font-size: 13px; line-height: 16px; padding-top: 5px; } .sub-banner-image-mob { display: none; } /*.box-products { margin-top: 15px; }*/ .box-heading span, .box-heading h1 { font-size: 44px; line-height: 54px; text-align: center; display: block; padding: 28px 0 10px 0; } .box-heading .sub-heading { text-align: center; letter-spacing: -1px; font-size: 16px; margin-bottom: 30px; } .box-sub-heading { font-size: 30px; line-height: 37px; overflow: hidden; padding: 20px 0 30px 0; } .product-category .box-sub-heading { padding: 0 0 30px 0; } .box-sub-heading:after { content: ''; display: inline-block; vertical-align: middle; width: 100%; height: 1px; margin-right: -100%; background: #DBDBDB; } .box-desc { font-size: 14px; line-height: 20px; margin-bottom: 29px; } .product-thumb { background: #FFFFFF; border: 1px solid #EEEEEE; box-sizing: border-box; padding: 24px; position: relative; overflow: hidden; transition: box-shadow .5s ease-out; -moz-transition: box-shadow .5s ease-out; -webkit-transition: box-shadow .5s ease-out; -o-transition: box-shadow .5s ease-out; } .img-responsive { margin: 0 auto; } .img-responsive { display: block; max-width: 100%; height: auto; border-radius: 13px; } .product-thumb-image { margin-bottom: 25px; } .product-category-thumb__name { font-size: 14px; line-height: 17px; display: block; padding-bottom: 6px; } .product-thumb__name { display: block; font-size: 20px; line-height: 24px; padding-bottom: 12px; } .product-thumb__price .price-text { font-size: 14px; line-height: 17px; display: block; padding-bottom: 5px; } .product-thumb__price .price-value { font-weight: bold; font-size: 21px; line-height: 26px; } .product-params { margin-top: 15px; } .product-params .param-item .param-values { white-space: nowrap; } .param-values .value-wrapper { display: inline-block; padding-right: 25px; background: url(../images/icons/cross.svg) right center no-repeat; } .param-values .value-wrapper:not(:first-child) { padding-left: 7px; } .param-values .value-wrapper:last-child { background: none; } .product-params .param-item .param-name { font-size: 14px; line-height: 17px; margin-bottom: 7px; } .param-values .value-wrapper .name { font-size: 11px; line-height: 13px; margin-bottom: 2px; } .param-values .value-wrapper .value { font-size: 13px; line-height: 16px; } .product-buttons-group { margin-top: 25px; } .product-buttons-group .wishlist, .product-buttons-group .compare { padding: 0 0 0 15px; } .product-buttons-group .add_to_cart { background: #000; font-weight: bold; font-size: 13px; line-height: 16px; padding: 19px 32px; text-transform: uppercase; border-radius: 6px; box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.25); } .product-buttons-group .add_to_cart span { font-weight: bold; font-size: 13px; line-height: 16px; text-transform: uppercase; color: #FFFFFF; } .product-buttons-group .wishlist img { width: 21px; } .product-buttons-group .wishlist span { font-size: 22px; font-weight: 600; vertical-align: middle; line-height: 27px; background: #DEDEDE; border-radius: 50%; width: 26px; height: 26px; display: inline-block; margin-left: 4px; } .product-buttons-group .compare img { width: 19px; } .product-buttons-group .compare span { font-weight: 600; vertical-align: middle; font-size: 22px; line-height: 27px; background: #DEDEDE; border-radius: 50%; width: 26px; height: 26px; display: inline-block; margin-left: 4px; } .product-buttons-group .compare span.has-items, .product-buttons-group .wishlist span.has-items { background: #E39587; color: #fff; font-weight: 600; font-size: 16px; line-height: 27px; } .product-popover { position: absolute; background: #fff; z-index: 11; display: block; width: 100.5%; left: -1px; padding: 0 24px 25px; border: 1px solid #EEEEEE; border-top: none; opacity: 0; box-shadow: 0px 26px 28px rgba(0, 0, 0, 0.18); /* transition: opacity .2s ease-in; -moz-transition: opacity .2s ease-in; -webkit-transition: opacity .2s ease-in; -o-transition: opacity .2s ease-in;*/ } .product-thumb:hover { border-bottom: none; box-shadow: 0px 26px 28px rgba(0, 0, 0, 0.18); overflow: visible; } .product-thumb:hover .product-popover { opacity: 1; } .view-all-product { padding: 24px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; filter: drop-shadow(0px 10px 25px rgba(0, 0, 0, 0.25)); margin-top: 30px; border-radius: 13px; } .view-all-product a { font-weight: bold; font-size: 14px; line-height: 17px; } .view-all-product a:before { content: url(../images/icons/view-all-product.svg); vertical-align: middle; padding-right: 5px; } .view-all-product a i { font-weight: 600; font-size: 18px; padding-left: 4px; vertical-align: middle; } .box-home-banner { margin-top: 44px; margin-bottom: 19px; } .home-banner a { display: block; -ms-background-position-x: right; background-position-x: right; -ms-background-position-y: bottom; background-position-y: bottom; background-repeat: no-repeat; height: 149px; } .home-banner-1 a { background-color: #F4D5D0; } .home-banner-2 a { background-color: #E1E1E1; } .banner-content { display: block; padding: 8px 0 0 65px; } .banner-text { font-size: 30px; line-height: 37px; display: inline-block; vertical-align: middle; } .banner-value { font-size: 96px; line-height: 117px; font-weight: bold; color: #fff; display: inline-block; margin-left: 65px; vertical-align: middle; } .home-banner.home-banner-2 .banner-value { color: #B9B9B9; } .home-banner.home-banner-2 .banner-text { color: #4B4B4B; } /* REMOVED ~70 lines: legacy contact + instagram orphans - .insta-item, .box-instagram div a — orphan (no Instagram block in templates) - .contact-item-heading, .contact-value, .contact-item, .contact-item.address/phones/social — replaced by .m51-contact-card / .m51-contact-card__icon / .m51-contact-card__label / .m51-contact-card__value structure on contact.tpl - .contact-value span — orphan (no .contact-value class anywhere) */ .box-seo { margin-top: 30px; } .box-seo .box-sub-heading { padding: 20px 0 20px 0; } .box-seo .box-sub-heading:after { display: none; } .box-seo p { font-size: 13px; line-height: 16px; } footer { margin-top: 90px; } footer ul { list-style: none; padding: 0; } footer div { font-size: 15px; line-height: 24px; } /* REMOVED ~120 lines: legacy footer rules — all orphan after m51 footer redesign. - .footer-heading → replaced by .m51-footer-heading (different class, requires own rules) - footer .phones / .email — orphan classes - footer .subscribe-btn.btn — compound requires .btn class which our link doesn't have - footer .payment-social div + :first-child + :last-child — .payment-social orphan - .payment-social a — orphan - .box-copy + div + div div:last-child — .box-copy orphan, we use .m51-footer-copy KEPT: footer div { font-size: 15px; line-height: 24px } (above) — too generic to safely remove. */ .breadcrums-wrapper { margin: 10px 0 20px; } ul.breadcrumb { padding: 0; background: none; } ul.breadcrumb li:after { content: '-'; display: inline-block; padding-left: 0px; padding-right: 5px; } ul.breadcrumb li:last-child:after { display: none; } ul.breadcrumb li a { font-size: 14px; line-height: 17px; } .sub-cat-wrapper { margin: 15px 0; /* Native fallback after mCustomScrollbar removal — enables mobile horizontal scroll */ overflow-x: auto; -webkit-overflow-scrolling: touch; } .sub-cat-wrapper::-webkit-scrollbar { height: 4px; } .sub-cat-wrapper::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.2); border-radius: 2px; } .col-sub-cat { text-align: center; min-width: 190px; } .col-sub-cat a { padding: 35px 40px; display: block; height: 100%; width: 100%; } .col-sub-cat span { text-align: center; display: block; max-width: 115px; margin-top: 15px; font-size: 14px; line-height: 17px; } .col-sub-cat:hover { background: #EEEEEE; } .noUi-pips.noUi-pips-horizontal { display: none; } #ocfilter { padding: 25px 35px; border: 1px solid #EEEEEE; } .ocfilter-option .ocf-option-name { margin-bottom: 10px; font-weight: bold; font-size: 20px; line-height: 24px; width: 100%; margin: 20px 0; } .ocf-sub-name { font-weight: normal; font-size: 14px; line-height: 17px; } .ocf-price-value { margin: 0 0 15px; } .ocf-price-value .form-control { max-width: 95px; font-size: 14px; line-height: 17px; } .ocf-refresh-btn { font-weight: bold; font-size: 13px; line-height: 16px; background: #EDEDED; padding: 7px 14px; border-radius: 6px; } .ocf-refresh-btn:after { content: url(../images/icons/cross-bold.svg); padding-left: 8px; } .form-inline .ocf-price-value div { display: inline-block; margin-left: 15px; } .form-inline .ocf-price-value div:first-child { margin-left: 0; } #ocfilter .list-group-item { padding: 0; border: none; } .popover-content { margin-bottom: 15px; } /*.checkmark { display: none; }*/ .ocf-option-values { margin: 10px 0 15px; } .ocf-option-values .form-control:focus { border: 1px solid #E39587; box-sizing: border-box; border-radius: 2px; box-shadow: none; } .ocf-option-values label { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 16px; line-height: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ocf-option-values label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { position: absolute; top: 0; left: 0; height: 23px; width: 23px; background: #FFFFFF; border: 1px solid #797979; box-sizing: border-box; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15); border-radius: 2px; } .ocf-option-values label:hover input ~ .checkmark { background-color: #ccc; } .ocf-option-values label input:checked ~ .checkmark { background-color: #000000; } .checkmark:after { content: ""; position: absolute; display: none; } .ocf-option-values label input:checked ~ .checkmark:after { display: block; } .ocf-option-values label .checkmark:after { left: 8px; top: 4px; width: 6px; height: 11px; border: solid white; border-width: 0px 2px 2px 0px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #ocfilter button.collapsed { font-size: 16px; line-height: 20px; text-decoration: none; } #input-sort, #input-stock { border: none; font-weight: bold; font-size: 16px; line-height: 20px; color: #000; } #input-sort { max-width: 215px; } #input-stock { max-width: 115px; } .wrap { display: flex; width: 100%; justify-content: space-between; } .custom-heigh-50 { height: 50px; } .product-category .product-thumb { margin-bottom: 30px; border-radius: 13px; } .pagintation-wrap { display: flex; align-items: center; justify-content: center; margin-top: 20px; } .pagination li { margin: 0 10px; background: #F0F0F0; height: 44px; width: 44px; text-align: center; border-radius: 50%; line-height: 42px; } .pagination li { margin: 0 10px; background: #F0F0F0; height: 44px; width: 44px; text-align: center; border-radius: 50%; line-height: 42px; } .pagination li.active { background: #000; color: #fff; } .pagination li.empty { background: none; font-size: 24px; letter-spacing: 5px; margin: 0px; } .pagination li a { display: inline-block; height: 100%; width: 100%; padding: 0; } .product-category .box-heading sub { display: none; } .box-compare-tabs .product-thumb { min-width: 333px; border: none; margin-bottom: 0; } .box-compare-tabs .product-thumb .product-popover { position: relative; opacity: 1; box-shadow: none; border: none; padding: 0; } .box-compare-tabs .table th, .box-compare-tabs .table td { min-width: 304px; position: relative; } .box-compare-tabs .table td { border-left: 1px solid #DCDCDC; font-size: 18px; line-height: 22px; padding: 24px 30px; } .box-compare-tabs .product-thumb:hover { box-shadow: none; } .box-compare-tabs .delete-item img { width: 20px; opacity: 0.5; } .box-compare-tabs .delete-item { position: absolute; top: 15px; right: 20px; } .box-compare-tabs .delete-item:hover img { opacity: 1; } .box-compare-tabs .nav-tabs .nav-link { font-size: 20px; line-height: 24px; color: #000; padding: 0 0 15px; margin-left: 50px; } .box-compare-tabs .nav-tabs .nav-link:first-child { margin-left: 0; } .box-compare-tabs .nav-tabs .nav-link:hover, .box-compare-tabs .nav-tabs .nav-link:focus { border: none; outline: none; } .box-compare-tabs .nav-tabs .nav-link.active { color: #000; border: none; border-bottom: 4px solid #E39586; } .box-compare-tabs .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -15px; } .mCustomScrollbar, .mCustomScrollbar.mCS_touch_action, .mCustomScrollbar.mCS_touch_action .mCS-aviva.mCSB_scrollTools { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { -ms-touch-action: pan-x pinch-zoom; touch-action: pan-x pinch-zoom; } .mCustomScrollBox.mCSB_vertical_horizontal { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .mCustomScrollBox.mCSB_horizontal { -ms-touch-action: pan-y pinch-zoom; touch-action: pan-y pinch-zoom; } .product-product .breadcrums-wrapper { margin: 25px 0 15px; } .box-heading.product-heading { margin-bottom: 45px; } .box-heading.product-heading h1 { text-align: left; font-size: 34px; line-height: 41px; padding: 0; } #additional-images .item { max-width: 88px; } #additional-images .item { max-width: 100px; margin: 0 auto; border: 1px solid #E6E7E8; padding: 8px 10px; opacity: 0.4; } #additional-images .owl-item.active.synced .item { opacity: 1; } .stock-quantity, .text-price, .credit-info { font-size: 14px; line-height: 17px; } .price-info .price { font-weight: bold; font-size: 34px; line-height: 41px; } .price-info > span { display: inline-block; vertical-align: middle; } .product-thumb__price .old-price { font-size:16px; line-height:20px; text-decoration:line-through; } .product-thumb__price .price-info { float:right; } .price-info .old-price { font-size: 12px; line-height: 10px; margin-left: 18px; } .price-info .old-price span { font-size: 16px; line-height: 20px; text-decoration: line-through; } .btn_quick-order { font-weight: bold; font-size: 12px; line-height: 15px; background: #DEDEDE; padding: 16px 80px; border-radius: 6px; text-transform: uppercase; } .btn_check-status { font-weight: bold; font-size: 12px; line-height: 15px; text-transform: uppercase; border: 1px solid #000000; box-sizing: border-box; border-radius: 6px; padding: 16px 47px; } .check-status { margin-top: 20px; } .product-product .product-buttons-group { margin-top: 20px; } .product-product .product-buttons-group .wishlist, .product-product .product-buttons-group .compare { padding: 0 23px 0 0; } .product-buttons-group .add_to_cart { padding: 19px 29px; } .stock-quantity { margin-bottom: 10px; } .price-wrap { margin-bottom: 10px; } .credit-info { margin-bottom: 18px; } .thumbnails .owl-nav .owl-next, .thumbnails .owl-nav .owl-prev { position: absolute; top: 48%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .thumbnails .owl-nav .owl-next { right: 0; display: flex; margin-right: 2%; font-size: 25px !important; } .thumbnails .owl-nav .owl-prev{ left: 0; display: flex; margin-left: 2%; font-size: 25px !important; } .thumbnails .owl-next img, .thumbnails .owl-prev img { opacity: 0.4; } .thumbnails .owl-next:hover img, .thumbnails .owl-prev:hover img { opacity: 1; } .thumbnails #additional-images .owl-next img, .thumbnails #additional-images .owl-prev img { height: 21px; } #additional-images { padding: 0 50px; margin-top: 40px; } .product-info { margin-left: 30px; position: -webkit-sticky; position: sticky; top: 60px; margin-bottom: 30px; } .product-info hr { margin: 30px 0 25px 0; } .info-links > div { margin-bottom: 30px; } .product-info hr { margin: 30px 0 25px 0; } .product-info .info-links > div { margin-bottom: 35px; } .product-info .info-links img { width: 43px; margin-right: 10px; } .product-info .info-links span { font-weight: bold; font-size: 14px; line-height: 17px; } .product-product .nav-tabs .nav-link { font-size: 20px; line-height: 24px; color: #000; padding: 0 0 15px; margin-left: 50px; } .product-product .nav-tabs .nav-link:first-child { margin-left: 0; } .product-product .nav-tabs .nav-link:hover, .product-product .nav-tabs .nav-link:focus { border: none; outline: none; } .product-product .nav-tabs .nav-link.active { color: #000; border: none; border-bottom: 4px solid #E39586; } .product-product .product-tabs { margin-top: 50px; } .product-product .table th, .product-product .table td { width: 50%; } .product-product .table-striped tbody tr:nth-of-type(2n+2) { background: #FFF; } .product-product .table-striped tbody tr:nth-of-type(odd){ background-color: #F5F5F5; } .product-product .tab-content { margin-bottom: 40px; } .box-products { margin-bottom: 20px; } .product-decription { padding: 30px 0; } .gallery-imgs img { margin-left: 10px; max-width: 327px; } .gallery-imgs img:first-child { margin-left: 0; } .product-decription { padding: 30px 0; } .product-decription .description p { font-size: 16px; line-height: 26px; margin-top: 20px; } .batton-review { margin-top: 30px; text-align: right; } .review-btn { font-weight: bold; font-size: 12px; line-height: 15px; text-transform: uppercase; padding: 16px 50px; border: 1px solid #000; border-radius: 6px; } .review-wrap { margin-top: 35px; } .review-info { font-size: 14px; margin-bottom: 15px; margin-left: -5px; } .review-info span { margin-left: 5px; } .review .rate { display: flex; align-items: center; } .rate .value { font-size: 14px; } .rate .value-rate { margin-left: 15px; } .rate .review-imgs { margin-left: 20px; } .rate .review-imgs img { margin-left: 5px; } .text-review { font-style: italic; font-weight: normal; font-size: 16px; line-height: 26px; margin-top: 10px; } .rate .rating-stars { color: #FEA32D; } .recommendation { margin-top: 10px; } .recommendation span { font-weight: bold; font-size: 14px; line-height: 20px; vertical-align: middle; } .recommendation img { vertical-align: middle; } .recommendation.yes { color: #59A461; } .recommendation.no { color: #818181; } .shipping-info-wrap, .payment-info-wrap { margin: 20px 0; } .shipping-info-wrap p, .payment-info-wrap p { font-size: 16px; line-height: 26px; } p.info-heading { font-size: 24px; line-height: 29px; } .box-set { margin-bottom: 20px; } .set-wrap { border: 1px solid; } .box-set .product-thumb { border: none; } .box-set .product-thumb:hover { box-shadow: none; } .box-set .set-product { padding: 0 15px; } .set-product:after { content: url(../images/icons/plus.svg); position: absolute; right: -10px; top: 50%; transform: translateY(-50%); } .set-wrap > div > div:last-child .set-product:after { display: none; } .set-bottom { display: flex; justify-content: flex-end; align-items: flex-end; background: #F7F7F7; padding: 27px 32px 27px 29px; } .set-wrap .discount { font-size: 36px; line-height: 44px; background: #BBFF9B; display: inline-block; padding: 5px 25px; position: relative; } .set-wrap .discount:after { content: ''; position: absolute; height: 0; width: 0; left: 100%; top: 0; border: 27px solid transparent; border-left: 20px solid #bbff9b; } .set-wrap .old-price { font-size: 12px; line-height: 15px; margin-left: 55px; } .set-wrap .old-price span { font-size: 16px; line-height: 20px; text-decoration: line-through; } .set-price { font-weight: bold; font-size: 26px; line-height: 32px; margin-left: 25px; } .set-price .price-text { font-size: 16px; line-height: 20px; font-weight: 400; } .set-add-to-cart { margin-left: 69px; } .set-add-to-cart .add_to_cart { font-weight: bold; font-size: 13px; line-height: 16px; background: #000; color: #fff; padding: 20px 30px; border-radius: 6px; text-transform: uppercase; box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.25); } .product-set .pagintation-wrap { margin-top: 40px; } .fabric-catalog .box-heading .sub-heading { text-align: left; font-size: 24px; line-height: 29px; margin-top: 25px; } .fabric-catalog .box-sub-heading { font-size: 24px; line-height: 29px; overflow: hidden; padding: 10px 0 20px 0; } .fabrics-item-title { font-size: 14px; line-height: 17px; text-align: center; margin-top: 15px; } .catalog-model { margin-bottom: 20px; } .fabrics-item { display: inline-block; margin-right: 25px; margin-bottom: 25px; cursor: pointer; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; } .fabrics-item-image { position: relative; } .fabrics-item-image.selected:after { content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: url(../images/icons/selected.svg) center center no-repeat; } .fabrick-order { padding: 35px 23px; border: 1px solid #EEEEEE; box-sizing: border-box; box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.18); position: -webkit-sticky; position: sticky; top: 60px; margin-bottom: 30px; } .order-title { font-size: 24px; line-height: 29px; margin-bottom: 20px; } .order-elements-item:before { content: ''; position: absolute; height: 22px; width: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')"; border-left: solid 2px #000; z-index: 10; } .order-elements-item:after { content: ''; position: absolute; height: 0; width: 22px; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')"; border-top: solid 2px #000; z-index: 10; } .order-elements-item-image { height: 100%; } .order-elements-item-image .img { position: relative; width: 100%; height: 100%; z-index: 20; display: none; } .order-elements-item.active .order-elements-item-image .img { display: block; } .order-elements-item { position: relative; height: 98px; width: 98px; display: inline-block; margin-right: 3px; margin-bottom: 10px; border: 1px solid #CDCDCD; border-radius: 2px; } .order-elements-item.active .close { position: absolute; width: 36%; height: 36%; padding: 19px 19px; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #FFF; background: #00000061; border-radius: 100%; z-index: 30; cursor: pointer; opacity: 1; } .order-elements-item.active .close:before { content: ''; position: absolute; height: 0; width: 22px; left: 22%; top: calc(50% - 1px); border-top: solid 2px #FFF; z-index: 30; transform: rotate(45deg); } .order-elements-item.active .close:after { content: ''; position: absolute; height: 0; width: 22px; left: 22%; top: calc(50% - 1px); border-top: solid 2px #FFF; z-index: 30; transform: rotate(-45deg); } .fabrick-order .form-control { height: 47px; border-radius: 6px; } .btn-order-fabric { background: #000; padding: 16px; width: 100%; color: #fff !important; font-weight: bold; font-size: 12px; line-height: 15px; text-transform: uppercase; margin-top: 15px; border-radius: 6px; } .review-content { max-width: 1010px; margin: 0 auto; } .simplecheckout { width: 100%; } .simple-content { max-width: 1035px; clear: both; height: auto; margin: 40px auto; } .simplecheckout-left-column { float: left; margin-right: 10px; width: 44%; } .simplecheckout-right-column { float: right; width: 55%; } .simplecheckout-block .attr span { display: block; } .simplecheckout-left-column { float: left; margin-right: 10px; min-width: 280px; max-width: 900px; width: 44%; } .simplecheckout-right-column { float: right; min-width: 280px; max-width: 900px; width: 55%; } .simplecheckout-block { clear: both; margin-bottom: 20px; } .checkout-heading.top { font-size: 30px; line-height: 37px; } .checkout-heading.top:after { content: ''; width: 32px; height: 2px; background: #000; display: block; margin-top: 20px; } .simplecheckout-block { clear: both; margin-top: 45px; margin-bottom: 20px; } .simplecheckout-block-content .control-label { font-size: 16px; line-height: 20px; } .simplecheckout-block .text-cat a, .simplecheckout-block .attr { font-size: 14px; line-height: 17px; } .simplecheckout-block .text-product a { font-size: 20px; line-height: 24px; } .text-cat, .attr, .attr span { margin-bottom: 5px; } .text-product { margin-bottom: 15px; } .checkbox label { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 16px; line-height: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { position: absolute; top: 0; left: 0; height: 23px; width: 23px; background: #FFFFFF; border: 1px solid #797979; box-sizing: border-box; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15); border-radius: 2px; } .checkbox label:hover input ~ .checkmark { background-color: #ccc; } .checkbox label input:checked ~ .checkmark { background-color: #000000; } .checkbox label input:checked ~ .checkmark:after { display: block; } .checkbox label .checkmark:after { left: 8px; top: 4px; width: 6px; height: 11px; border: solid white; border-width: 0px 2px 2px 0px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .simplecheckout-block .checkbox { margin-bottom: 20px; } .simplecheckout-block .checkbox:last-child { margin-bottom: 0px; } /*#simplecheckout_comment { margin-top: 0; }*/ #simplecheckout_payment { margin-top: 0; } .form-group.coupon-wrap { margin-left: auto; margin-bottom: 0; margin-right: 25px; } .simplecheckout-block a.shipping-info { font-size: 16px; line-height: 20px; text-decoration-line: underline; color: #000000; opacity: 0.5; margin-left: 10px; } .simple-comment-heading { font-size: 16px; line-height: 20px; margin-bottom: 10px; } .simplecheckout-block .form-control { max-width: 336px; height: 47px; } .simplecheckout-block-content #comment { max-width: 410px; height: 110px; } .quantity .form-control { max-width: 89px; height: 35px; border-radius: 2px !important; text-align: center; font-size: 14px; } .simplecheckout-block .product-price { font-weight: bold; font-size: 18px; line-height: 22px; } .simplecheckout-block .quantity-item { font-weight: 400; font-size: 16px; } .simplecheckout-block .total-product-price { font-weight: bold; font-size: 20px; line-height: 24px; } .simplecheckout-block .attr span { display: block; margin-bottom: 10px; } .simplecheckout-block .attr .text-attr { display: inline; } .cart-item .row:last-of-type { align-content: space-between; align-items: center; margin-top: 15px; } .cart-item { margin-bottom: 15px; border-bottom: 1px solid #D7D7D7; padding-bottom: 20px; position: relative; } .quantity button { margin: 0 5px; padding: 0; } #buttons .simplecheckout-button-right { margin-top: -40px; } /*#simplecheckout-total { display: block; float: right; margin-top: -40px; } #total_sub_total { font-weight: bold; font-size: 30px; line-height: 37px; margin-bottom: 30px; } #total_sub_total span { font-size: 16px; line-height: 20px; font-weight: 400; margin-right: 5px; }*/ .simplecheckout-button-block { margin-bottom: 25px; } #simplecheckout_button_confirm { width: 100%; font-weight: bold; font-size: 13px; line-height: 16px; text-align: center; text-transform: uppercase; color: #FFFFFF; background: #000; padding: 20px 55px; box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.25); } #simplecheckout_button_confirm:hover { outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } #buttons .confirm { font-size: 13px; line-height: 16px; text-align: left; margin-top: 20px; } #buttons .confirm a { text-decoration: underline; } #buttons .confirm, #buttons .confirm a { color: #4c4c4c; } #buttons .total-product-price span { font-weight: 400; } button.btn.remove-product { position: absolute; top: 0; padding: 0; right: 0; } button.btn.remove-product:hover img { opacity: 1; } button.btn.remove-product img { opacity: 0.3; width: 23px; } .box-news-tabs .nav-tabs .nav-link { font-size: 20px; line-height: 24px; color: #000; padding: 0 0 15px; margin-left: 50px; } .box-news-tabs .nav-tabs .nav-link:first-child { margin-left: 0; } .box-news-tabs .nav-tabs .nav-link:hover, .box-news-tabs .nav-tabs .nav-link:focus { border: none; outline: none; } .box-news-tabs .nav-tabs .nav-link.active { color: #000; border: none; border-bottom: 4px solid #E39586; } .box-news-tabs #nav-tabContent .tab-pane { padding: 40px 0; } .news-readmore a:before { content: ''; width: 54px; height: 1px; background:#000; display: inline-block; vertical-align: middle; margin-right: 5px; } .date { font-size: 15px; line-height: 18px; color: #202428; opacity: 0.4; } .news-info { padding: 5px 25px; } .news-title { font-size: 21px; line-height: 27px; letter-spacing: -0.56px; margin-top: 7px; } .news-excerpt { font-size: 16px; line-height: 26px; color: #202428; opacity: 0.5; margin-top: 10px; } .news-readmore { font-weight: bold; font-size: 16px; line-height: 20px; margin-top: 10px; } .news-item { margin-bottom: 20px; } .box-news-tabs .pagintation-wrap { margin-top: 40px; } .newsblog-article .post-wrapper { max-width: 1045px; margin: 0 auto; } .newsblog-article .box-heading h1 { text-align: left; font-size: 45px; line-height: 55px; } .newsblog-article .box-heading h1:after { content: ''; display: block; width: 50px; height: 2px; background: #E39587; margin-top: 25px; } .newsblog-article .post-text-block-1 p { font-size: 20px; line-height: 38px; letter-spacing: -0.6px; } .post-text-block-1 { margin-top: 10px; } .newsblog-article .date { margin: 20px 0 30px 0; } .post-thumb { margin-bottom: 51px; } .post-text-block-2 { padding: 0 130px; margin-bottom: 43px; } .post-text-block-2 p { font-size: 18px; line-height: 34px; color: #424242; margin-bottom: 19px; } .post-img-slider .owl-item.active.center { opacity: 1; } .post-img-slider .owl-item { opacity: 0.2; } .post-img-slider .owl-nav .owl-next, .post-img-slider .owl-nav .owl-prev { position: absolute; top: 48%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .post-img-slider .owl-nav .owl-next { right: 0; display: flex; margin-right: 10%; font-size: 25px !important; } .post-img-slider .owl-nav .owl-prev{ left: 0; display: flex; margin-left: 10%; font-size: 25px !important; } .post-img-slider .owl-next img, .post-img-slider .owl-prev img { opacity: 0.4; } .post-img-slider .owl-next:hover img, .post-img-slider .owl-prev:hover img { opacity: 1; } .post-img-slider { margin-bottom: 25px; } .post-text-block-3 p { font-size: 18px; line-height: 34px; color: #424242; } .newsblog-article .info-heading { font-size: 34px; line-height: 41px; letter-spacing: -0.784616px; margin: 23px 0; } .newsblog-article .info-heading-small { font-size: 26px; line-height: 32px; letter-spacing: -0.6px; margin: 25px 0 15px; } .post-text-block-3 { padding: 0 130px; } .newsblog-article p.counter { text-align: center; line-height: 41px; font-size: 17px; letter-spacing: 5px; color: #424242; margin-bottom: 30px; } .newsblog-article p.counter:first-letter { text-align: center; font-size: 34px; line-height: 41px; letter-spacing: -0.784616px; color: #424242; } .post-text-block-3 { padding: 0 130px; margin-bottom: 45px; } .subscribe-title { font-size: 26px; line-height: 32px; letter-spacing: -0.6px; margin-bottom: 5px; } .subscribe { text-align: center; margin: 0 130px; background: #F5F5F5; padding: 45px 10px; } .subscribe-sub-title { font-size: 16px; line-height: 20px; color: #202428; opacity: 0.5; margin-bottom: 35px; } .subscribe input { height: 45px; width: 308px; padding: 0 15px; vertical-align: middle; border-radius: 6px; border: 1px solid #CDCDCD; } button.btn.subscribe-btn { background: #000; color: #fff; font-weight: bold; font-size: 12px; line-height: 15px; text-transform: uppercase; border-radius: 6px; padding: 15px 28px; margin-left: 10px; vertical-align: middle; } .information .info-heading { font-size: 30px; line-height: 37px; margin-bottom: 20px; } .information p{ font-size: 16px; line-height: 26px; margin-bottom: 30px; } .information .box-heading { margin-bottom: 45px; } .newsblog-article .box-products { margin-top: 35px; } .for-business-banner > div { display: block; height: 480px; margin-bottom: 50px; margin-left: -30px; margin-right: -30px; position: relative; text-align: center; } .for-business-banner-content { position: absolute; top: 60px; text-align: center; width: 100%; z-index: 10; } .for-business-banner-content .banner-heading { font-size: 48px; line-height: 59px; margin-bottom: 20px; } .for-business-banner-content .banner-sub-head { font-size: 16px; line-height: 24px; } .center-block-wrap { display: flex; justify-content: center; align-items: center; margin-top: 50px; margin-bottom: 50px; margin-left: -90px; } .center-block { margin-left: 90px; } .process-heading { font-size: 48px; line-height: 59px; margin-bottom: 50px; } .step .text { font-size: 22px; line-height: 27px; } .step .number { font-size: 22px; background: #EFEFEF; display: inline-block; width: 87px; height: 87px; text-align: center; line-height: 85px; border-radius: 50%; margin-right: 30px; } .step { margin-bottom: 50px; } .box-process-info { margin-top: 80px; padding: 0px 70px; } .get-request input { height: 55px; } .box-process-info .form-title { font-size: 38px; line-height: 46px; text-align: center; } .get-request { padding: 115px; border: 1px solid #EEEEEE; box-sizing: border-box; box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.18); } .get-request .form-group { margin-top: 37px; } .get-request .checkbox label { font-size: 14px; line-height: 17px; color: #161617; opacity: 0.7; padding-top: 4px; } .get-request .checkbox label a { text-decoration: underline; } .get-request .form-group { margin-top: 40px; } .get-request .btn-get-request { background: #000; padding: 20px; width: 100%; color: #fff !important; font-weight: bold; font-size: 12px; line-height: 15px; text-transform: uppercase; margin-top: 30px; border-radius: 6px; } .center-block-wrap.why-we .center-block { width: 338px; height: 338px; border-radius: 50%; background: #efefef; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; } .center-block-text { margin-top: 20px; max-width: 130px; font-size: 18px; line-height: 27px; text-align: center; letter-spacing: -0.56px; color: #202428; } .why-we-img { max-height: 95px; } .faq-content { max-width: 1180px; margin: 0 auto; } .faq-wrap { margin-top: 35px; } .batton-faq { margin-top: 30px; text-align: right; } .faq-btn { font-weight: bold; font-size: 12px; line-height: 15px; text-transform: uppercase; padding: 16px 40px; border: 1px solid #000; border-radius: 6px; } .faq-wrap .dropdown { display: block; width: 100%; margin: auto; border: 1px solid #EEEEEE; padding: 15px 35px; } .faq-wrap .dropdown + .dropdown { margin-top: 5px; } .faq-wrap .dropdown__top { display: flex; justify-content: space-between; align-items: center; color: #000; padding: 15px; box-sizing: border-box; font-weight: bold; font-size: 20px; line-height: 24px; cursor: pointer; transition: background 0.3s ease; will-change: background; } .faq-wrap .dropdown:hover { border: 1px solid #A7A7A7; } .dropdown.open { border: 1px solid #A7A7A7; } .faq-wrap .dropdown__top::after { content: "\f067"; font: 14px "FontAwesome"; transition: transform 0.5s ease; will-change: transform; background: #000; color: #fff; padding: 10px 11px; border-radius: 50%; } .faq-wrap .open .dropdown__top::after { -webkit-transform: rotate(135deg); transform: rotate(135deg); background: #DEDEDE; color: #000; } .faq-wrap .dropdown__btm { color: #000; font-size: 16px; line-height: 26px; box-sizing: border-box; padding: 5px 52px 5px 15px; display: none; } /* REMOVED ~80 lines: .liked-product / .viewed-product / .quick-order-product item styles (display: inline-block + .cat/.title/.price typography) ALL overridden by body.m51-redesign popup product styles: - .liked-product/.viewed-product → CSS Grid in side-drawer popup - .quick-order-product → m51-styled product preview block inside #quick-order/#quick-offer/#m51-share popups */ /* REMOVED ~300 lines: legacy #cart-popup, #liked-popup, #viewed-popup styles + .empty-button + .btn_empty + .popup-cart-* + .alert-success base ALL overridden by body.m51-redesign side-drawer popup styles in m51-redesign.css (#cart-popup/#viewed-popup/#liked-popup unified block). Specifically replaced: - Popup dimensions (width 760/462px → max-width 480px responsive drawer) - .cart-product, .cart-product > * (display:inline-block) → CSS Grid layout - .empty-button, .btn.btn_empty → m51-styled clear button - .popup-cart-bottom (grey bg) → sand+coral m51-styled - .btn.popup-cart-btn (black uppercase) → coral pill brand - .popup-cart-price → coral display number - #liked-popup/.viewed-popup .liked-product/.viewed-product → grid card layout */ /* REMOVED ~200 lines: legacy form/popup styles — all overridden by m51-redesign Magnific Popup brand styling. - #succes (190px padding center) → m51-success-icon + sand bg + meta block - #subscribe/quick-order/quick-offer/faq-form/get_review/callback/check-status .form-group (30px mb) → m51 form padding - Same popups .form-control (height: 55px) → m51 sizing - .form-title (38px center, 46 line-height) → m51 display 22px left - label (14px) → m51 typography - Submit buttons (.btn_send, .btn_quick-order-send, .btn-faq-send, .btn-review-send) black uppercase → m51 coral pill - .liked-product > * (display: inline-block) → m51 grid layout #check-status.form-title also removed (popup itself rarely used). */ /* REMOVED: .white-popup base (max-width: 680px, padding: 110px 105px) — overridden per-popup in m51-redesign (#cart-popup/#liked-popup/#viewed-popup get drawer sizing; #succes, #quick-order, #quick-offer, #m51-share, etc. get per-popup max-width + padding) */ .form-control:focus { background-color: #fff; border: 1px solid #E39587 !important; box-sizing: border-box; border-radius: 6px; outline: 0; box-shadow: none; } /* REMOVED: #liked-popup/.viewed-popup/.cart-popup .form-title text-align left — m51-redesign sets this + full display typography for these drawer popups */ /* REMOVED ~90 lines: .quick-view-btn + #quick-view popup family - .quick-view-btn / -btn i / .product-thumb:hover .quick-view-btn — quick-view button commented out in product.tpl (lines 571, 675) - #quick-view / .cat / .product-title / span.old-price / .quick-order / .product-buttons-group / .title-block / .product-info — popup container never rendered (no id="quick-view" in any tpl) - JS function quick.load() still in common.js but never called. */ .product-options { margin-top: 20px; } /* REMOVED ~130 lines: ddSlick library CSS (.dd-select, .dd-options, .dd-selected, .dd-selected-text, .dd-option-text, .dd-pointer-down/up) — jquery.ddslick.min.js loads but is NEVER called from any JS/template. Pure dead weight. Also removing the JS load from header.tpl. */ .product-view-more { margin-top: 20px; } .product-view-more a { font-size: 12px; line-height: 15px; text-transform: uppercase; text-align: center; width: 100%; display: block; border: 1px solid; padding: 15px; border-radius: 6px; } span.info { font-size: 17px; font-weight: 600; background: #F8D8D3; padding: 3px 10px; border-radius: 50%; margin-right: 10px; color: #E39587; } .alert.alert-danger.alert-dismissible { background-color: #FDEFED; color: #000; font-size: 16px; line-height: 30px; padding: 20px; border: none; border-radius: 0; } .tab-heading { font-size: 30px; line-height: 37px; text-align: center; margin-bottom: 30px; } .box-tabs .tab-pane { padding: 50px 0; } .box-tabs .nav-tabs .nav-link { font-size: 20px; line-height: 24px; color: #000; padding: 0 0 15px; margin-left: 50px; } .box-tabs .nav-tabs .nav-link:first-child { margin-left: 0; } .box-tabs .nav-tabs .nav-link:hover, .box-tabs .nav-tabs .nav-link:focus { border: none; outline: none; } .box-tabs .nav-tabs .nav-link.active { color: #000; border: none; border-bottom: 4px solid #E39586; } .small-popup { position: absolute; top: 5px; left: 45px; background: #fff; z-index: 20; width: 210px; padding: 15px 20px; transform: translateY(90%); box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.18); font-size: 14px; line-height: 17px; display: none; } #now-looked { top: 80px; } .close-small-popup img { width: 18px; } .close-small-popup { position: absolute; top: 10px; cursor: pointer; right: 10px; } #ocfilter-mobile #ocfilter { display: block; } .ocf-title { font-size: 28px; line-height: 34px; padding: 20px 12px; } #ocfilter-mobile { padding: 0; } #ocfilter-mobile #ocfilter { border: none; padding-top: 0; } #ocfilter-mobile .ocf-fix-panel { position: fixed; left: 0; bottom: 0; background: #fff; width: 100%; display: flex; align-items: center; z-index: 20; } #ocfilter-mobile .refresh a { font-size: 14px; line-height: 17px; /* identical to box height */ text-transform: uppercase; } #ocfilter-mobile .found { font-size: 11px; line-height: 13px; text-align: right; margin-left: auto; padding: 0px 10px; } #ocfilter-mobile .show a { font-weight: bold; font-size: 14px; line-height: 17px; color: #fff; text-transform: uppercase; } #ocfilter-mobile .ocf-fix-panel .show {background: #000;padding: 20px 33px;} #ocfilter-mobile .found span { display: block; font-size: 16px; margin-top: 5px; } #ocfilter-mobile .refresh { padding: 20px 16px; } .sample-fabric { position: fixed; top: 5px; width: 320px; height: 430px; right: 0; z-index: 999; transform: translateY(60%); box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.18); display: none; } .close-sample-popup img { width: 24px; } .close-sample-popup { position: absolute; top: 15px; cursor: pointer; right: 17px; } /* REMOVED: .viewed-product-wrap / .liked-product-wrap / .cart-product-wrap max-height: 660px — m51-redesign sets flex: 1 1 auto + overflow-y: auto on these wrappers inside side-drawer popups (popup itself has 100vh, wrapper takes flex remaining space) */ .products-display-options .form-group::after { position: absolute; content: url(../images/icons/arrow-d.svg); width: 10px; height: 10px; right: 11px; top: 2px; z-index: 11; } .checkout #simplecheckout_shipping .simplecheckout-block-content, .checkout #simplecheckout_payment .simplecheckout-block-content { position: relative; max-width: 360px; } .checkout #simplecheckout_shipping select+span, .checkout #simplecheckout_payment select+span { position: absolute; right: 11px; top: 8px; z-index: 999; padding: 8px; margin-top: 4px; margin-right: 6px; background-color: #fff; } .checkout #simplecheckout_shipping select+span::after, .checkout #simplecheckout_payment select+span::after { content: url(../images/icons/arrow-d.svg); width: 10px; height: 10px; } .products-display-options .form-group select, .checkout select { outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; appearance: none; -webkit-appearance: none; } #simplecheckout_shipping .checkout-heading, #simplecheckout_payment .checkout-heading, #simplecheckout_comment .checkout-heading { font-size:16px; line-height:1.8; padding-left: 10px; } #simplecheckout_comment #comment{ margin-left:9px!important; } a.video:before { content: ""; background: url("data:image/svg+xml;utf8,") center/contain no-repeat; filter: drop-shadow(0 2px 8px rgba(0,0,0,0.25)); position: absolute; margin: 0 auto; left: 0; width: 44px; height: 44px; right: 0; text-align: center; top: 50%; transform: translateY(-50%); } .review-stars-title { margin-bottom: 15px; } #get_review .form-group.review { margin-bottom: 10px; } .review-stars-wrap { margin-bottom: 30px; } .review_star { position: relative; display: inline-block; min-width: 130px; margin: 0 0 0 5px; } .review_star input { position: relative; display: inline-block; vertical-align: middle; width: 19px; height: 19px; margin: 0; z-index: 99; cursor: pointer; opacity: 0; } .review_star .stars { position: absolute; top: -1px; left: 0; } .review_star .stars i { display: inline-block; vertical-align: top; font-size: 1.45em; color: #FEA32D; } .review_star .stars i + i { margin: 0 0 0 1px; } .form-group.review label { min-width: 80px; } .label-check label { padding-left: 30px; vertical-align: middle; } .label-check input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 0; position: absolute; margin: 0; z-index: -1; width: 0; height: 0; overflow: hidden; left: 0; pointer-events: none; } .label-check input[type="radio"]:focus { outline: none; } .label-check input[type="radio"] + label:before, .label-check input[type="radio"] + label:after { content: ""; display: block; position: absolute; left: -10px; top: 1px; width: 23px; height: 23px; border-radius: 50%; -webkit-transition: 240ms; -o-transition: 240ms; transition: 240ms; } .label-check input[type="radio"] + label:before { left: -10px; top: 1px; } .label-check input[type="radio"] + label:before { background-color: #000; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .label-check input[type="radio"] + label:after{ top: 1px; border: 1px solid #000; z-index:1; } .label-check input[type="radio"]:checked + label:before { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); } .label-check input[type="radio"]:disabled:checked + label:before { background-color: #000; } .label-check input[type="radio"]:checked + label:after { border-color: #000; } .label-check input[type="radio"]:disabled + label:after, .label-check input[type="radio"]:disabled:checked + label:after { border-color: #000; } .label-check .radio { position: relative; display: inline-block; margin-left: 50px; } label.recommendation { margin-top: 0px; } .label-check { margin-left: -40px; } .review-elements-item:before { content: ''; position: absolute; height: 22px; width: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')"; border-left: solid 2px #000; z-index: 10; } .review-elements-item:after { content: ''; position: absolute; height: 0; width: 22px; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')"; border-top: solid 2px #000; z-index: 10; } .review-elements-item-image { height: 100%; } .review-elements-item-image .img { position: relative; width: 100%; height: 100%; z-index: 20; display: none; } .review-elements-item.active .review-elements-item-image .img { display: block; } .review-elements-item { position: relative; width: 120px; height: 90px; display: inline-block; margin-right: 3px; margin-bottom: 10px; border: 1px solid #CDCDCD; border-radius: 2px; } .review-elements-item.active .close { position: absolute; width: 30%; height: 30%; padding: 19px 19px; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #FFF; background: #00000061; border-radius: 100%; z-index: 30; cursor: pointer; opacity: 1; } .review-elements-item.active .close:before { content: ''; position: absolute; height: 0; width: 22px; left: 22%; top: calc(50% - 1px); border-top: solid 2px #FFF; z-index: 30; transform: rotate(45deg); } .review-elements-item.active .close:after { content: ''; position: absolute; height: 0; width: 22px; left: 22%; top: calc(50% - 1px); border-top: solid 2px #FFF; z-index: 30; transform: rotate(-45deg); } li.menu-iem .has-search input:focus { border: none !important; outline: none; } @media(min-width: 1776px) { footer .col-lg-3 { flex: 0 0 28%; max-width: 28%; } footer .col-lg-3:last-child { flex: 0 0 18%; max-width: 18%; } footer .col-lg-3:nth-child(2) { flex: 0 0 25%; } footer .col-lg-3:nth-child(3) { flex: 0 0 26%; max-width: 26%; } footer .col-contacts .col-md-6:first-child { flex: 0 0 45%; max-width: 50%; } } @media(min-width:768px) { .mfp-close-btn-in .mfp-close { color: #fff; right: -45px; top: -15px; } .mfp-gallery .mfp-close { top: 25px; } #liked-popup .mfp-close, #viewed-popup .mfp-close, #cart-popup .mfp-close { top: 47px; right: 27px; color: #000; font-size: 38px; } } @media(max-width:1775px) { .callback a { font-size: 0.713rem; } .has-search input { max-width: 200px; font-size: 0.713rem; } #navbarSupportedContent a { padding-left: 0; } header .has-search:after { width: 145px; } .header__icon-elem div span { font-size: 0.65rem; padding: 0.148rem 0.438rem 0.148rem 0.438rem; } .header__icon-elem div img { width: 30px; height: 30px; padding-right: 0.275rem; } .header__icon-elem div { padding-left: 0.8rem; align-items: center; } #sidebar { min-width: 255px; max-width: 255px; } #sidebar > ul { width: 255px; } #sidebar > ul > li:after { left: 15px; width: 205px; } #sidebar ul li a { padding: 18px 15px; font-size: 14px; } #sidebar > ul > li > a img { width: 26px; } #sidebar ul li a span { margin-right: 5px; } #sidebar.hover { width: 875px; min-width: 875px; } #sidebar li .sub-menu-container { left:255px; } #sidebar .mega-menu-container { width: 620px; border-top-right-radius: 37px; } #sidebar ul li.sub-menu-item { width: 165px; } #sidebar ul li.sub-menu-item a { padding: 25px 25px 15px; } #sidebar .logo { padding: 15px 20px 10px 8px; } #home-slider .slide__title { line-height: 3.5rem; font-size: 3rem; } #home-slider .slide__sub-title { font-size: 18px; line-height: 28px; top: 42.2%; } .slide__sub-title:after { bottom: -32px; } #home-slider .slide__link { top: 67.4%; padding: 20px 40px; } .product-thumb { padding: 17px 15px 25px; border-radius: 13px; } .product-category-thumb__name { font-size: 13px; line-height: 16px; padding-bottom: 6px; } .product-thumb__name { font-size: 18px; line-height: 22px; padding-bottom: 12px; } .product-thumb__price .price-text { font-size: 13px; line-height: 14px; display: block; padding-bottom: 4px; } .product-thumb__price .price-value { font-weight: bold; font-size: 18px; line-height: 26px; } .product-popover { padding: 0 15px 15px; } .product-params { margin-top: 9px; } .product-params .param-item .param-name { font-size: 14px; line-height: 17px; margin-bottom: 7px; } .param-values .value-wrapper { padding-right: 18px; } .param-values .value-wrapper:not(:first-child) { padding-left: 2px; } .product-buttons-group { margin-top: 13px; } .product-buttons-group .add_to_cart { font-size: 13px; line-height: 16px; padding: 10px 10px; } .product-buttons-group .wishlist, .product-buttons-group .compare { padding: 0 0 0 7px; } .product-buttons-group .wishlist img { width: 19px; } .product-buttons-group .wishlist span { font-size: 16px; line-height: 22px; width: 20px; height: 20px; margin-left: 1px; } .product-buttons-group .compare img { width: 18px; } .product-buttons-group .compare span { font-size: 22px; line-height: 21px; width: 20px; height: 20px; margin-left: 1px; } footer .subscribe-btn.btn { padding: 15px 13px; font-size: 13px; } footer .col-lg-3 { flex: 0 0 29%; max-width: 29%; } footer .col-lg-3:first-child { flex: 0 0 20%; max-width: 20%; } footer .col-lg-3:last-child { flex: 0 0 22%; max-width: 22%; } footer .col-lg-3 .col-contacts .col-md-6 { max-width: 100%; flex: 100%; } footer .phones, footer .email, footer .open { margin-bottom: 8px; } } @media(max-width: 1590px) { .contact-item { border: 1px solid #EAEAEA; padding: 35px 35px; margin-top: 20px; } .contact-item.address .contact-value:before, .contact-item.phones .contact-value:before { margin-right: 5px; } .product-product .nav-tabs .nav-link { font-size: 16px; line-height: 18px; padding: 0px 0 10px; margin-left: 30px; } .btn_quick-order { padding: 15px 50px; } .btn_check-status { padding: 15px 16px; } .price-info .price { font-size: 28px; } .product-info .info-links > div { margin-bottom: 20px; } .product-info hr { margin: 20px 0 15px 0; } .gallery-imgs img { max-width: 186px; margin: 6px 3px !important; } .order-elements-item { height: 65px; width: 65px; } .order-elements-item.active .close { width: 33%; height: 33%; padding: 14px 14px; } .order-elements-item.active .close:before { width: 15px; left: 25%; } .order-elements-item.active .close:after { width: 15px; left: 25%; } .get-request { padding: 55px; } .step { margin-bottom: 15px; } .step .text { font-size: 18px; } .step .number { font-size: 18px; width: 70px; height: 70px; line-height: 70px; } } @media(max-width: 1490px) { .has-search input { max-width: 140px; font-size: 0.713rem; } header .has-search:after { width: 110px; } .city a, .city i { font-size: 11px; } .callback a { font-size: 0.613rem; } .header-contact .city { padding-right: 0.35rem; } #sidebar { min-width: 225px; max-width: 225px; } #sidebar > ul { width: 225px; } #sidebar ul li a { font-size: 13px; } #sidebar ul li:after { left: 15px; width: 190px; } .has-search .form-control-feedback { width: 0.5rem; } .has-search .form-control { padding-left: 1.7rem; } header .has-search:after { left: 29px; } header .container-fluid { padding: 0; } #sidebar.hover { width: 645px; min-width: 645px; } #sidebar li .sub-menu-container { left: 225px; width: 385px; padding: 0 10px; } #sidebar ul li.sub-menu-item { width: 115px; } #sidebar ul li.sub-menu-item a { padding: 25px 15px 5px; } #home-slider .slide__title { line-height: 3rem; font-size: 2.5rem; top: 16%; } #home-slider .slide__sub-title { font-size: 18px; line-height: 28px; top: 41.2%; } #home-slider .slide__link { top: 69.4%; padding: 20px 40px; } .container { padding-left: 20px; padding-right: 20px; } .ocf-price-value .form-control { max-width: 89px; } .form-inline .ocf-price-value div { margin-left: 5px; } #ocfilter { padding: 25px 15px; border: 1px solid #EEEEEE; } .center-block-wrap.why-we .center-block { width: 275px; height: 275px; border-radius: 50%; background: #efefef; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; } } @media(max-width: 1400px) { .banner-text { font-size: 22px; line-height: 31px; } .banner-value { font-size: 76px; line-height: 117px; margin-left: 25px; } .col-sub-cat { margin: 0 auto; min-width: auto; } .order-elements-item { height: 55px; width: 55px; } } @media(max-width: 1370px) { #home-slider .slide__title { line-height: 2.8rem; font-size: 2.4rem; top: 15%; } #home-slider .slide__sub-title { font-size: 17px; line-height: 27px; top: 40.2%; } #home-slider .slide__link { top: 69.4%; padding: 15px 30px; } .param-values .value-wrapper { padding-right: 15px; } .param-values .value-wrapper:not(:first-child) { padding-left: 0px; } .param-values .value-wrapper .name { font-size: 9px; line-height: 11px; margin-bottom: 2px; } .param-values .value-wrapper .value { font-size: 10px; line-height: 16px; } .contact-value { font-size: 16px; line-height: 22px; } .contact-item { padding: 25px; } .contact-item-heading { font-size: 24px; line-height: 29px; padding-bottom: 20px; } } @media(max-width: 1342px) { .step .number { margin-right: 10px; } } @media(max-width: 1292px) { .order-title { font-size: 20px; margin-bottom: 10px; } } @media(max-width: 1275px) { .fabrick-order { padding: 20px 15px; } } @media(max-width: 1270px) { .banner-content { display: block; padding: 8px 0 0 30px; } footer .subscribe-btn.btn { padding: 12px 9px; font-size: 12px; } .ocf-price-value .form-control { max-width: 80px; font-size: 12px; } } @media(max-width: 1263px) { .simple-content { max-width: 768px; } .simplecheckout-block .total-product-price { font-size: 16px; } .simplecheckout-left-column { width: 30%; } .simplecheckout-right-column { width: 57%; } .checkbox label { font-size: 14px; } .simplecheckout-block a.shipping-info { font-size: 13px; margin-left: 2px; } .center-block-wrap.why-we .center-block { width: 240px; height: 240px; } .center-block-wrap.why-we .center-block:last-child img { max-width: 175px; } } @media(min-width:1201px) and (max-width: 1320px) { .header__icon-elem { flex-wrap: wrap; max-width: 130px; } .header__icon-elem div { padding-left: 0; padding-right: 10px; } } @media(max-width: 1200px) { .quick-view-btn { opacity: 1; } header.sticky .container-fluid { margin-left: 0px; height: 45px; } #fix-header.sticky .has-search { display: none; } .common-home header.navbar { z-index: 99999; } nav#sidebar { opacity: 0; text-align: center; margin-left: -225px; position: absolute; border-radius: 0; height: 100%; z-index: 9; box-shadow: none; } #sidebar.active { opacity: 1; margin-left: 0; top: 60px; } header.sticky { z-index: 999; } .header__icon-elem { margin-left: auto; } .header__icon-elem div { position: relative; } .header__icon-elem div span { position: absolute; top: 15px; right: -5px; } header .has-search { display: none; } .common-home header .has-search { display: block; position: absolute; top: 45px; left: 0; right: 0; margin: 0 auto; padding: 0 !important; } header .has-search div { padding: 0 15px; } .has-search input { max-width: 100%; } header .has-search:after { display: none; } .has-search input { background: #F1F1F1; border-radius: 6px; } .has-search input:focus { background: #F1F1F1; } .has-search .form-control-feedback { line-height: 1.9rem; } .header__icon-elem div { padding-left: 23px; } .header__icon-elem div:nth-child(2) { padding-left: 0; } header.navbar { padding: 0px 15px 20px; margin-bottom: 0; } .common-home header.navbar { padding: 0 15px; } .common-home header.navbar { margin-bottom: 60px; } #sidebar ul { width: 100%; } #sidebar ul li:after { left: 15px; width: 95%; } #sidebar.active ul.components li a { padding: 15px 15px; text-align: left; } #sidebar>ul>li:last-child { padding-top: 0; } #sidebar > ul > li > a img { width: 34px; } #sidebar ul li a { font-size: 16px; } #sidebar.hover { width: 100%; min-width: 100%; } #sidebar li .sub-menu-container { left: 0; width: 100%; padding: 45px 0; z-index: 10; text-align: left; } span.backspace { display: inline-block; vertical-align: initial; font-size: 28px; margin-left: 15px; margin-right: 10px; } #sidebar ul li a.sub-menu-title { display: inline-block; vertical-align: middle; font-size: 16px; } #sidebar.active ul.info-menu li.sub-menu-item a { padding-left: 20px; padding-top: 15px; } #sidebar ul.info-menu li.sub-menu-item { border: none; outline: none; } ul.sidebar__sub-menu { text-align: center; } #sidebar ul li.sub-menu-item span { text-align: center; font-size: 14px; margin: 0 auto; min-height: 55px; } #sidebar ul li.sub-menu-item { width: 45%; box-sizing: border-box; border: 0.5px solid #E6E6E6; outline: 0.5px solid #E6E6E6; padding: 0; margin: 0; margin-left: -3px; } a.sub-menu-title img { width: 31px; } li.sub-menu-item img { display: block; margin: 0 auto; min-height: 45px; } #sidebar.active ul li.sub-menu-item a { padding: 42px 25px 15px; } #home-slider .slide__title { line-height: 44px; font-size: 36px; top: 10%; left: 13%; } #home-slider .slide__sub-title { font-size: 17px; line-height: 27px; top: 38.2%; left: 13.2%; } .slide__sub-title:after { bottom: -25px; } #home-slider .slide__link { top: 68.4%; padding: 15px 30px; left: 13.1%; } .container { padding-left: 22.5px; padding-right: 22.5px; } header .has-search .form-control-feedback { width: 2.4rem; } header .has-search .form-control { padding-left: 2.2rem; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { padding-right: 7.5px; padding-left: 7.5px; } .content-home-page { margin-top: 15px; } .product-popover { padding: 0; position: relative; opacity: 1; box-shadow: none; border: none; } .product-buttons-group .add_to_cart { font-size: 13px; line-height: 16px; padding: 15px 10px; } /* .box-products { margin-top: 15px; }*/ .box-heading span, .box-heading h1 { font-size: 36px; line-height: 43px; } .box-sub-heading { font-size: 24px; line-height: 29px; padding: 5px 0 25px 0; } .box-desc { font-size: 14px; line-height: 20px; margin-bottom: 26px; } .box-home-banner { margin-top: 30px; margin-bottom: 30px; } .insta-item { margin-bottom: 15px; } footer { margin-top: 30px; } .box-heading.product-heading { margin-left: -5px; margin-right: -5px; } .product-product .breadcrums-wrapper { margin-left: -7px; margin-right: -7px; } .box-heading.product-heading h1 { font-size: 28px; line-height: 34px; } .product-product .tab-content { margin-bottom: 15px; } .set-bottom { margin: 0 7.5px; } .order-elements-item { margin-bottom: 5px; } .btn-order-fabric { margin-top: 10; } .fabrick-order .form-group { margin-bottom: 5px; } .post-text-block-2, .post-text-block-3 { padding-left: 0; padding-right: 0; } .subscribe { margin: 0; } .newsblog-article .box-heading h1 { font-size: 26px; line-height: 38px; } .newsblog-article .post-text-block-1 p { font-size: 18px; line-height: 34px; } .newsblog-article .info-heading, .newsblog-article .info-heading-small { font-size: 26px; line-height: 32px; margin: 15px 0; } .process-heading { font-size: 30px; line-height: 37px; margin-bottom: 33px; } .box-process-info { margin-top: 45px; padding: 20px; } .form-title { font-size: 30px; } .product-product .product-buttons-group .wishlist, .product-product .product-buttons-group .compare { padding: 0 15px 0 0; } .menu-open header .has-search { display: none; } /*#sidebar ul li:hover, #sidebar .mega-menu-container { background: #fff; }*/ } @media(max-width: 991px) { #home-slider .slide__title { line-height: 44px; font-size: 36px; top: 10%; left: 10%; } #home-slider .slide__sub-title { font-size: 17px; line-height: 27px; top: 38.2%; left: 10.2%; } #home-slider .slide__link { top: 68.4%; font-size: 12px; padding: 10px 20px; left: 10.1%; } .sub-banner--content { bottom: 20px; left: 25px; } .sub-banner-title { font-size: 14px; line-height: 16px; } .sub-banner-subtitle { font-size: 11px; line-height: 16px; padding-top: 2px; } .sub-banner-title:after { width: 45px; height: 1px; margin: 6px 0 4px 0; } .sub-banner--readmore { font-size: 10px; } .contact-item { padding: 15px; margin-top: 10px; min-height: 115px; } .contact-item-heading { font-size: 18px; line-height: 29px; padding-bottom: 15px; } .contact-value { font-size: 13px; line-height: 16px; } .contact-item.social img { width: 40px; } .sub-cat-wrapper .row { width: 1920px; } .sub-cat-wrapper .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; } .col-sub-cat { min-width: 185px; } .pagintation-wrap { margin-top: 0 } .box-heading h1 { font-size: 28px; line-height: 34px; text-align: center; padding: 0px 0 10px 0; } .box-heading .sub-heading, .product-category .box-sub-heading { display: none; } .box-compare-tabs .product-category .box-heading sub { display: inline-block; vertical-align: top; } .box-compare-tabs .product-thumb { padding: 5px 0; } .box-compare-tabs .product-thumb-image { margin-bottom: 10px; } .box-compare-tabs .product-thumb__name { font-size: 16px; line-height: 20px; padding-bottom: 10px; } .product-category-thumb__name { font-size: 13px; line-height: 15px; padding-bottom: 5px; } .box-compare-tabs .product-buttons-group { margin-top: 10px; } .box-compare-tabs .product-buttons-group .add_to_cart { line-height: 12px; padding: 15px 25px; } .box-compare-tabs .product-buttons-group .add_to_cart span { font-size: 12px; line-height: 16px; } .box-compare-tabs .table th, .box-compare-tabs .table td { min-width: 185px; padding: 7px 15px; font-size: 15px; line-height: 18px; } .box-compare-tabs .product-thumb { min-width: 215px; } .get-request { padding: 35px; } .box-process-info { padding: 0 } #quick-view { max-width: 907px; padding: 25px 30px; } #quick-view .product-info { margin-left: 15px; } /* REMOVED: .dd-select / ul.dd-options.dd-click-off-close mobile override — ddSlick library not used */ } @media(max-width: 930px) { .fabrick-order { padding: 15px 10px; } .center-block-wrap.why-we .center-block:first-child img { max-width: 100px; } .center-block-wrap.why-we .center-block:nth-child(2) img { max-width: 65px; } .center-block-wrap.why-we .center-block:last-child img { max-width: 140px; } .center-block-wrap { margin-left: -40px; } .center-block { margin-left: 40px; } } @media(max-width: 900px) { .box-compare-tabs .nav-tabs .nav-link { font-size: 16px; line-height: 18px; color: #000; padding: 0 0 10px; margin-left: 15px; } #home-slider .slide__title { line-height: 38px; font-size: 30px; top: 10%; left: 10%; } #home-slider .slide__sub-title { font-size: 14px; line-height: 27px; top: 36.2%; left: 10.2%; } .slide__sub-title:after { bottom: -22px; } #home-slider .slide__link { top: 67.4%; font-size: 11px; padding: 10px 20px; left: 10.1%; } .ocf-refresh-btn { font-size: 10px; padding: 7px 10px; } .box-news-tabs .nav-tabs .nav-link { font-size: 16px; line-height: 18px; color: #000; padding: 0 0 10px; margin-left: 15px; } } @media(max-width: 856px) { .product-params .param-item .param-values { white-space: inherit; } .product-category-thumb__name { font-size: 11px; line-height: 12px; padding-bottom: 6px; } .product-thumb__name { font-size: 15px; line-height: 22px; padding-bottom: 8px; } .ocfilter-option .ocf-option-name { font-size: 18px; margin: 10px 0; } .ocf-price-value .form-control { max-width: 70px; font-size: 10px; } .ocf-option-values label { font-size: 13px; } .order-title { font-size: 18px; margin-bottom: 5px; } .fabrick-order .form-control { height: 37px; font-size: 13px; border-radius: 6px; } .order-elements-item { height: 47px; width: 47px; margin-right: 0; margin-bottom: 0px; } .product-product .product-buttons-group { display: flex; justify-content: space-between; } .product-product .product-buttons-group .wishlist, .product-product .product-buttons-group .compare { padding: 0; } } @media(max-width: 780px) { .set-bottom { padding: 27px 20px 27px 16px; } .set-product .product-thumb { padding: 17px 0 25px; } .set-product:after { right: -4px; } .center-block-wrap.why-we .center-block { width: 190px; height: 190px; } .center-block-text { margin-top: 10px; max-width: 130px; font-size: 16px; line-height: 22px; } } @media(max-width: 768px) { .d-xs-none { display: none; } header.navbar { padding: 0 15px 5px; } .common-home header.navbar { padding: 0 15px; } #home-slider .slide__title { line-height: 30px; font-size: 26px; top: 10%; left: 10%; } #home-slider .slide__sub-title { font-size: 14px; line-height: 23px; top: 34.2%; left: 10.2%; } .slide__sub-title:after { bottom: -18px; } #home-slider .slide__link { top: 65.4%; font-size: 10px; padding: 8px 16px; left: 10.1%; } .sub-banner--content { bottom: 10px; left: 20px; } .sub-banner-title { font-size: 12px; line-height: 14px; } .sub-banner-subtitle { font-size: 10px; line-height: 15px; padding-top: 2px; } .sub-banner-title:after { width: 35px; height: 1px; margin: 4px 0 3px 0; } .sub-banner--readmore { font-size: 10px; } .box-desc { display: none; } .product-thumb { margin-bottom: 15px; } .product-category-thumb__name { font-size: 14px; line-height: 17px; padding-bottom: 6px; } .product-thumb__name { font-size: 20px; line-height: 24px; padding-bottom: 12px; } .product-thumb__price .price-text { font-size: 14px; line-height: 17px; padding-bottom: 5px; } .product-thumb__price .price-value { font-size: 21px; line-height: 26px; } .product-params { margin-top: 15px; } .product-params .param-item .param-values { white-space: nowrap; } .param-values .value-wrapper { padding-right: 25px; } .param-values .value-wrapper:not(:first-child) { padding-left: 7px; } .product-params .param-item .param-name { font-size: 14px; line-height: 17px; margin-bottom: 7px; } .param-values .value-wrapper .name { font-size: 11px; line-height: 13px; margin-bottom: 2px; } .param-values .value-wrapper .value { font-size: 13px; line-height: 16px; } .product-buttons-group { margin-top: 25px; } .product-buttons-group .wishlist, .product-buttons-group .compare { padding: 0 0 0 15px; } .product-buttons-group .add_to_cart { line-height: 16px; padding: 19px 32px; } .product-buttons-group .add_to_cart span { font-size: 13px; line-height: 16px; } .product-buttons-group .wishlist img { width: 21px; } .product-buttons-group .wishlist span { font-size: 22px; line-height: 27px; width: 26px; height: 26px; margin-left: 4px; } .product-buttons-group .compare img { width: 19px; } .product-buttons-group .compare span { font-size: 22px; line-height: 27px; width: 26px; height: 26px; margin-left: 4px; } .view-all-product { margin-top: 0; border-radius: 13px; } .view-all-product a { text-transform: uppercase; } .view-all-product a i { font-weight: 600; font-size: 18px; padding-left: 4px; vertical-align: text-top; } .banner-content { display: block; padding: 25px 0 115px 25px; } .banner-text { display: block; font-size: 30px; line-height: 37px; } .banner-value { display: block; font-size: 96px; line-height: 117px; margin-left: 0; } .home-banner a { height: 100%; -ms-background-position: right -95px bottom; background-position: right -95px bottom; } .home-banner.home-banner-2 .banner-text { color: #4B4B4B; } .home-banner.home-banner-2 .banner-value { color: #898989; } .contact-item { padding: 65px 30px; min-height: auto; } .contact-item-heading { font-size: 24px; line-height: 29px; } .contact-value { font-size: 18px; line-height: 24px; } .contact-item.social img { width: auto; } .contact-item.address .contact-value:before, .contact-item.phones .contact-value:before { margin-right: 20px; } footer .col-lg-3:first-child, footer .col-lg-3:last-child, footer .col-sm-6, footer .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 15px !important; padding-right: 15px !important; } footer .col-contacts, footer .col-information { margin-bottom: 15px; } footer div { font-size: 14px; line-height: 24px; } footer .phones a { font-size: 16px; } footer { margin-left: -10px; margin-right: -10px; overflow: hidden; } .box-copy div { font-size: 13px; } .box-copy div div:last-child { text-align: left; margin-top: 20px; } .box-copy { margin-top: 30px; padding: 15px 0; border-top: 1px solid #E6E6E6; margin: 0 10px 0; } .box-copy div div:nth-child(2) { margin-top: 5px; } .custom-heigh-50 { display: none; } #ocfilter { display: none; } .mob-filter-sort { display: flex; justify-content: space-between; width: 100%; margin-top: 5px; margin-bottom: 25px; } .mob-filter-sort .mob-button:last-child { margin-left: auto; } .mob-filter-sort .mob-button { font-weight: bold; font-size: 12px; line-height: 15px; text-transform: uppercase; background: none; border: 1px solid; padding: 15px 35px; border-radius: 6px; } .mob-button img { margin-right: 5px; } .subcat-scroll { width: 600px; } .col-sub-cat { float: left; } .pagination li:nth-child(3), .pagination li:nth-child(4) { display: none; } #additional-images { padding: 0 30px; margin-top: 40px; } } @media(max-width: 767px) { .product-product .product-info { position: relative; margin: 25px 0 0; top: auto; } .empty-button { position: relative; } .product-product .price-info .price { font-size: 34px; line-height: 41px; } .product-product .btn_quick-order { padding: 16px 90px; } .product-product .product-buttons-group .compare { padding: 0 22px 0 0; } .product-product .product-buttons-group, .product-product .quick-order { margin-top: 20px; display: inline; } .product-product .product-buttons-group { margin-left: 20px; } .product-product .info-links { margin-left: -20px; } .product-info .info-links > div { margin-left: 20px; } .product-product .product-tabs { margin-top: 35px; } .fabrick-order { width: 100%; z-index: 999; background: #fff; top: auto; position: fixed; left: 0; bottom: 0; margin: 0; width: 100%; padding: 25px 25px 20px; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.45); } .btn-order-fabric { box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.25); } .order-title { font-size: 24px; margin-bottom: 15px; } .order-elements-item { height: 74px; width: 74px; margin-right: 0; margin-bottom: 0px; } .fabric-catalog form .form-group { display: none; } .fabric-catalog .container { margin-bottom: 175px; } .fabric-catalog .box-desc { display: block; } .catalog-model-items { text-align: center; } .fabrics-item-image img { height: 125px; } .catalog-model { margin-bottom: 0px; } .fabrics-item { margin-right: 10px; } .simplecheckout-step { display: flex; flex-flow: wrap; } .simplecheckout-left-column { width: 100%; order: 1; } .simplecheckout-right-column { width: 100%; order: 0; } #buttons .simplecheckout-button-right { width: 100%; margin-top: 40px; order: 2; } .for-business-banner > div:after { content: ''; width: 100%; height: 100%; position: absolute; background: #f5ece6c4; left: 0; } .for-business-banner-content .banner-heading { font-size: 28px; line-height: 34px; } .for-business-banner-content .banner-heading:after { content: ''; display: block; width: 50px; height: 2px; background: #E39587; margin-top: 20px; } .for-business-banner-content { text-align: left; padding: 0 20px; } .for-business-banner-content .banner-sub-head { font-size: 18px; line-height: 34px; } .for-business-banner-content .banner-sub-head br { display: none; } #liked-popup .form-title, #viewed-popup .form-title, #quick-order .form-title, #quick-offer .form-title, #faq-form .form-title, #get_review .form-title, #callback .form-title, #subscribe .form-title, #check-status .form-title { margin-bottom: 25px; text-align: left; font-size: 30px; line-height: 37px; } #quick-order .form-group, #quick-offer .form-group, #faq-form .form-group, #get_review .form-group, #callback .form-group, #subscribe .form-group, #check-status .form-group { margin-bottom: 20px; } #quick-order .btn_quick-order-send, #quick-offer .btn_quick-order-send, #faq-form .btn-faq-send, #get_review .btn-review-send, #callback .btn_send, #subscribe .btn_send, #check-status .btn_send { margin-top:0; } .white-popup { max-width: 375px; padding: 40px 40px; } #liked-popup, #viewed-popup, #cart-popup { padding: 30px 16px; height: 100%; margin-right: -5.5px; } #liked-popup .mfp-close, #viewed-popup .mfp-close, #cart-popup .mfp-close { top: 0; right: 0; color: #000; font-size: 38px; } #cart-popup .cart-price { width: 61%; display: block; float: right; margin: 3px auto; } #cart-popup .cart-product .product-info { margin-bottom: 0; width: 55%; margin-left: 15px; } #cart-popup .cart-product .product-img { width: 33%; } .popup-cart-bottom { background: #F2F2F2; padding: 25px 15px; margin: 80px -15px; } .popup-cart-button { float: none; margin-top: 20px; display: block; width: 100%; } .popup-cart-btn { width: 100%; } #cart-popup .cart-product { position: relative; margin-top: 30px; margin-bottom: 75px; padding-right: 7px; } #quick-view .product-info { margin-top: 50px; margin-left: 0; } } @media(max-width: 748px) { .set-bottom { justify-content: space-between; } .set-bottom .discount, .set-bottom .old-price, .set-bottom .set-price, .set-bottom .set-add-to-cart { margin-left: 0; } } @media(max-width: 680px) { #home-slider .slide__title { line-height: 24px; font-size: 20px; top: 10%; left: 10%; } #home-slider .slide__sub-title { font-size: 13px; line-height: 19px; top: 32.2%; left: 10.2%; } #home-slider .slide__link { top: 62.4%; font-size: 10px; padding: 8px 16px; left: 10.1%; } .set-wrap .discount { font-size: 25px; padding: 5px 10px; } .set-product .product-category-thumb__name { font-size: 12px; padding-bottom: 2px; } .set-wrap .product-thumb__name { font-size: 17px; padding-bottom: 10px; } } @media(max-width: 670px) { .product-product .add_to_cart { margin-top: 15px; } .set-price { font-size: 24px; } .set-price .price-text { font-size: 12px; font-weight: 400; } .set-add-to-cart .add_to_cart { padding: 15px 15px; } .center-block-wrap.why-we .center-block:first-child img { max-width: 70px; } .center-block-wrap.why-we .center-block:nth-child(2) img { max-width: 55px; } .center-block-wrap.why-we .center-block:last-child img { max-width: 120px; } .center-block-wrap { margin-top: 10px; margin-bottom: 25px; } .center-block-wrap { margin-left: -15px; } .center-block { margin-left: 15px; } } @media(max-width: 601px) { .product-tabs .nav-tabs { overflow: auto; white-space: nowrap; display: block; } .product-tabs .nav-tabs .nav-link { display: inline-block; } .product-product .table-striped tbody tr td { display: block; width: 100%; padding: 0 0.75rem; } .product-product .table-striped tbody tr td:first-child { padding-top: 5px; } .product-product .table-striped tbody tr td:last-child { padding-bottom: 10px; } .box-tabs .nav-tabs { overflow: auto; white-space: nowrap; display: block; } .box-tabs .nav-tabs .nav-link { display: inline-block; } .box-tabs .nav-tabs .nav-link { font-size: 18px; margin-left: 25px; } } @media(max-width: 587px) { .set-product .product-category-thumb__name { font-size: 10px; } .set-wrap .product-thumb__name { font-size: 15px; } } @media(max-width: 580px) { #home-slider .slide__title { line-height: 20px; font-size: 18px; top: 10%; left: 8%; } #home-slider .slide__sub-title { font-size: 12px; line-height: 18px; top: 33.2%; left: 8.2%; } .slide__sub-title:after { display: none; } #home-slider .slide__link { top: 58.4%; font-size: 10px; padding: 8px 16px; left: 8.1%; } } @media(max-width: 575px) { .box-subbaners img { width: 100%; } .box-subbaners .row > div { margin-bottom: 15px; } .sub-banner-image-desc { display: none; } .sub-banner-image-mob { display: block; } .sub-banner--content { top: 26px; left: 33px; } .sub-banner-title { font-size: 16px; line-height: 20px; } .sub-banner--readmore { font-size: 14px; line-height: 17px; } .sub-banner-title:after { width: 63px; margin: 9px 0 11px 0; } .sub-banner-subtitle { font-size: 13px; line-height: 16px; padding-top: 5px; } .product-set .pagintation-wrap { display: none; } .box-set .set-product { padding: 0 30px; margin-bottom: 25px; } .set-product:after { right: 0; left: 0; width: 23px; margin: 0 auto; bottom: 0px; top: auto; transform: none; z-index: 10; } .set-product .product-category-thumb__name { font-size: 14px; line-height: 17px; padding-bottom: 6px; } .set-product .product-thumb__name { font-size: 20px; line-height: 24px; padding-bottom: 12px; } .set-product .product-thumb__price .price-text { font-size: 14px; line-height: 17px; padding-bottom: 5px; } .set-product .product-thumb__price .price-value { font-size: 21px; line-height: 26px; } .simplecheckout-block .product-price { margin-left: 35px; margin-top: 5px; } .simplecheckout-block .cart-img img { min-width: 150px; } .simplecheckout-block .attr .text-attr { display: block; } .simplecheckout-block .text-cat a, .simplecheckout-block .attr { font-size: 13px; line-height: 16px; } .simplecheckout-block .total-product-price span { font-weight: 400; font-size: 13px; margin-right: 5px; } .simplecheckout-block .total-product-price { font-size: 20px; } .checkout-heading { font-size: 24px; line-height: 29px; } #simplecheckout_button_confirm { width: 100%; } .simplecheckout-right-column #total_sub_total { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #D7D7D7; padding-bottom: 10px; } #buttons .simplecheckout-button-right { margin-top: 0; padding: 0 7.5px; } #total_sub_total { display: flex; align-items: center; justify-content: space-between; } .simplecheckout-block { margin-top: 30px; } button.btn.remove-product { top: -10px; } .subscribe { text-align: left; margin: 0 -15px; padding: 20px 15px 25px; } button.btn.subscribe-btn { margin-left: 0; margin-top: 15px; display: block; } .subscribe input { width: 100%; } .post-img-slider .owl-item { opacity: 1; } .post-img-slider .owl-nav .owl-next, .post-img-slider .owl-nav .owl-prev { top: auto; bottom: -73px; } .post-img-slider .owl-next img, .post-img-slider .owl-prev img { max-width: 15px; } .post-img-slider .owl-nav .owl-next { right: 10%; } .post-img-slider .owl-nav .owl-prev { left: 10%; } .center-block-wrap.trust { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; justify-content: space-between; } .center-block-wrap.trust .center-block { margin-bottom: 15px; } .center-block-wrap.trust .center-block img { max-width: 170px; } .for-business .box-sub-heading { font-size: 30px; line-height: 37px; } .center-block-wrap.why-we .center-block { background: none; flex-direction: row; } .center-block-text { } .center-block-wrap.why-we { flex-direction: column; align-items: baseline; } .center-block-wrap.why-we .center-block { width: auto; height: auto; margin-bottom: 25px; } .why-we-img { max-height: none; background: #efefef; border-radius: 50%; width: 109px; height: 109px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .center-block-wrap.why-we .center-block:first-child img, .center-block-wrap.why-we .center-block:nth-child(2) img { max-width: 66px; } .center-block-text { font-size: 16px; line-height: 22px; text-align: left; margin-left: 25px; } .center-block-wrap.why-we .center-block:last-child { width: 343px; height: 343px; border-radius: 50%; background: #efefef; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; } .center-block-wrap.why-we .center-block:last-child img { max-width: none; } .center-block-wrap.why-we .center-block:last-child .center-block-text { text-align: center; margin-left: 0; font-size: 18px; line-height: 27px; } .for-business .box-product-grid > div > div { display: none; } .for-business .box-product-grid > div > div:first-child { display: block; } .get-request { margin-top: 30px; padding: 10px 0 0 0; box-shadow: 0 0 black; border: none; border-top: 1px solid #0000001f; } .faq-wrap .dropdown { padding: 15px 5px; } .faq-wrap .dropdown__top { font-size: 18px; line-height: 22px; } .faq-wrap .dropdown__top::after { margin-left: 15px; } .faq-btn { width: 100%; } #liked-popup, #viewed-popup, #cart-popup { padding: 30px 16px; height: 100%; margin-right: 0; top: 0; right: 0; left: 0; max-width: 100%; width: 100%; margin-left: 0; } .liked-product .product-info { margin-left: 10px; } } @media(max-width: 550px) { .header__icon-elem div img { width: 24px; height: 24px; } .header__icon-elem div { padding-left: 15px; } .header__icon-elem div span { font-size: 0.60rem; padding: 0.05rem 0.328rem 0.05rem 0.318rem; } .header__icon-elem .callback img { width: 27px; height: 27px; } header .logo img { width: 128px; } header .compare span/*, header .favorites span*/ { display: none; } #sidebar ul li:after { left: 15px; width: 90%; } footer .col-lg-3 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } footer .col-lg-3 .col-contacts .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .set-bottom { display: block; } .set-wrap .discount { padding: 5px 25px; max-width: 162px; font-size: 36px; line-height: 44px; display: block; } .old-price, .set-price { display: inline-block; margin-top: 20px; margin-bottom: 20px; } .set-add-to-cart .add_to_cart { padding: 20px 15px; width: 100%; } .set-price .price-text { font-size: 16px; font-weight: 400; } .set-bottom .set-price { font-size: 26px; margin-left: 20px; } } @media(max-width: 480px) { /*#home-slider .item { background-size: 780px; height: 579px; background-repeat: no-repeat; background-position-x: right; background-position-y: 250px; background-color: #F0F2F9; -webkit-box-shadow: inset 0px 5px 20px 0px rgba(0,0,0,0.08); -moz-box-shadow: inset 0px 5px 20px 0px rgba(0,0,0,0.08); box-shadow: inset 0px 5px 20px rgba(0,0,0,0.08); }*/ #home-slider .slide__content { /* remove it */ display: none; /* */ padding: 0px 20px 0; background: #eef1f8; margin-bottom: -25px; } #home-slider .slide__content * { position: relative; left: 0; top: 0; bottom: 0; } #home-slider .slider-img-desctop { display: none; } #home-slider .slider-img-mobile { display: block; } #home-slider .slide__title { line-height: 44px; font-size: 36px; } #home-slider .slide__sub-title br { display: none; } #home-slider .slide__sub-title { font-size: 18px; line-height: 28px; margin-top: 25px; margin-bottom: 45px; } #home-slider .slide__sub-title:after { display: block; bottom: -20px; } #home-slider .slide__link { font-size: 13px; padding: 19px 32px; display: inline-block; } } @media(max-width: 471px) { .review .rate { display: block; margin-left: -15px; } .rate .value, .rate .value-rate { margin-left: 15px; display: inline-block; } .rate .review-imgs { margin-left: 10px; margin-top: 10px; } .review-btn { width: 100%; } .review-wrap { margin-bottom: 20px; } .faq-wrap { margin-bottom: 20px; } } @media(max-width: 436px) { .product-product .product-buttons-group, .product-product .quick-order { display: block; margin-left: 0; text-align: right; } .product-product .product-popover .product-buttons-group { text-align: left; } .product-product .product-popover .product-buttons-group .add_to_cart { margin-right: 10px; } .product-product .add_to_cart { margin-top: 0; } .product-product .product-buttons-group .compare { padding: 0 15px 0 0; } .product-product .btn_quick-order { width: 100%; padding: 16px; } .product-product .gallery-imgs img { max-width: 150px; margin: 6px 3px !important; } .btn_check-status { padding: 16px; width: 100%; } } @media(max-width: 420px) { .simplecheckout-block .product-price { margin-left: 28px; margin-top: 5px; } .cart-quantity-wrap { margin-top: 40px; } .simplecheckout-block .text-product a { font-size: 17px; line-height: 20px; } .simplecheckout-block .text-cat, .simplecheckout-block .attr, .simplecheckout-block .attr span { margin-bottom: 0px; } .simplecheckout-block .text-product { margin-bottom: 10px; } .simplecheckout-block .cart-info { max-width: 50%; margin-left: 25px; } .simplecheckout-block .total-product-price { margin-left: 25px; margin-top: 2px; } .center-block-wrap.trust .center-block img { max-width: 155px; } } @media(max-width: 375px) { .product-product .gallery-imgs img { max-width: 100%; margin: 6px 3px !important; } .simplecheckout-right-column #total_sub_total { padding: 0px 35px 10px 0; font-size: 22px; } } @media(max-width: 374px) { .header__icon-elem div img { width: 20px; height: 19px; } .header__icon-elem .callback img { width: 23px; height: 24px; } .header__icon-elem div { padding-left: 12px; } .owl-dots { position: absolute; left: 0; right: 0; bottom: 10px; } #home-slider .item { height: 580px; background-position-y: 260px; } #home-slider .slide__sub-title { font-size: 16px; margin-top: 20px; } #home-slider .slide__title { line-height: 42px; font-size: 32px; } .product-buttons-group .add_to_cart { font-size: 13px; line-height: 16px; padding: 10px 10px; } .box-sub-heading { font-size: 20px; } .contact-item { padding: 35px 20px; min-height: auto; } .contact-item.address .contact-value:before, .contact-item.phones .contact-value:before { margin-right: 10px; } .center-block-wrap.trust .center-block img { max-width: 140px; } .liked-product .product-img img { max-width: 115px; } } @media(max-width: 350px) { header .logo img { width: 115px; } .header__icon-elem div img { width: 18px; height: 17px; } .header__icon-elem .cart span { background: #fb7f77; } .header__icon-elem div span { font-size: 0.50rem; padding: 0.02rem 0.3rem 0.02rem 0.3rem; } button#sidebarCollapse { margin-left: 15px; } .header__icon-elem div { padding-left: 10px; } #home-slider .slide__sub-title { font-size: 15px; margin-top: 20px; } .contact-value { font-size: 16px; line-height: 24px; } .simplecheckout-block .product-price { font-size: 16px; } .cart-quantity-wrap { margin-top: 15px; } } .tooltip-inner { font-size: 11px; font-weight: 500; border-radius: 7px; padding: 5px 8px 7px; background: #fff; color: #000; box-shadow: 0 0 20px rgba(0,0,0,.075); font-family: 'Montserrat'; } .tooltip .arrow { display: none!important; } @media screen and (max-width: 1199px) { .is-mobile { display: block; } } /* ========================================================================== MIGRATED FROM style.css (which was a full Bootstrap 4 distribution + custom appendix). header.tpl now loads bootstrap.min.css instead — these are the appendix rules that needed preservation. Orphans not migrated: #sidebar family (sidebar removed in this audit), .menu-open (only in dead backup JS), .footer class (we use .m51-footer). ========================================================================== */ a[data-toggle="collapse"] { position: relative; } .dropdown-toggle::after { display: block; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 991.98px) { #sidebarCollapse span { display: none; } } @media (max-width: 1200px) { .white-popup .mCustomScrollbar { max-height: 315px; } } #content { padding: 0; min-height: 100vh; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .btn.btn-primary { background: #3e64ff; border-color: #3e64ff; } .btn.btn-primary:hover, .btn.btn-primary:focus { background: #3e64ff !important; border-color: #3e64ff !important; } @media (max-width: 1490px) and (min-width: 1200px) { #home-slider .owl-item img { width: auto !important; } }