.detail-page-title{ vertical-align:bottom; margin:0; font-weight:normal; text-shadow:0 1px #fff; color:#000; font-size:15px; height:auto; display:inline-block; line-height:22px; } .ss-code{ font-size:13px; color:#6d6d6d; line-height:23px; position:relative; top:-3px; } .detail-page-images-container{ position:relative; padding-bottom:16px; } .detail-page-images-container:after{ content:' '; clear:both; display:block; } .detail-page-images-container .cnt{ white-space:nowrap; overflow:hidden; margin-right:16px; float:left; width:calc(100% - 12px); } .detail-page-images-container .inner-cnt{ white-space:nowrap; max-width:30000px; line-height:0; font-size:0; } .detail-page-images-container .product-img, .detail-page-images-container .video{ display:inline-block; width:50%; } .detail-page-images-container .product-img a, .detail-page-images-container .video a{ display:block; position:relative; border:1px solid #d1d1d1; margin-bottom:5px; margin-right:5px; font-size:0; line-height:1px; overflow:hidden; } .detail-page-images-container .product-img a .video-sound-on-off, .detail-page-images-container .video a .video-sound-on-off{ position:absolute; z-index:1; display:block; width:60px; height:60px; top:70px; left:0; } .detail-page-images-container .product-img a .video-sound-on-off:after, .detail-page-images-container .video a .video-sound-on-off:after{ content:'\f6a9'; font-family:'FontAwesome5'; height:32px; line-height:32px; font-size:28px; font-style:normal; font-weight:normal; position:absolute; top:12px; left:20px; color:#fff; } .detail-page-images-container .product-img a .video-sound-on-off.sound-on:after, .detail-page-images-container .video a .video-sound-on-off.sound-on:after{ content:'\f028'; } .detail-page-images-container .product-img img{ width:100%; font-size:0; line-height:1px; } .detail-page-images-container .slick-dots{ } .detail-page-images-container .slick-dots li{ background-color:rgba( 255 , 255 , 255 , 0.7 ); width:10px; height:10px; -webkit-border-radius:8px 6px 6px 8px/6px 6px 8px 8px; -moz-border-radius:8px 6px 6px 8px/6px 6px 8px 8px; border-radius:8px 6px 6px 8px/6px 6px 8px 8px; background-color:#fff; border:solid 1px #000; display:inline-block; margin:0 5px; } .detail-page-images-container .slick-dots li.slick-active{ border:solid 1px #4d4d4d; background:#4d4d4d; width:10px; height:10px; -webkit-border-radius:8px 6px 6px 8px/6px 6px 8px 8px; -moz-border-radius:8px 6px 6px 8px/6px 6px 8px 8px; border-radius:8px 6px 6px 8px/6px 6px 8px 8px; } .detail-page-images-container .slick-dots li button{ visibility:hidden; position:relative; top:-4px; left:-4px; } .detail-page-images-container .slick-dots li.video button{ top:0px; width:32px; height:42px; } .detail-page-images-container .slick-dots li.video, .detail-page-images-container .slick-dots li.slick-active.video{ background:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border:0; width:32px; height:42px; top:-5px; } .detail-page-images-container .slick-dots li.video:after{ content:'\f04b'; font-family:'FontAwesome'; height:16px; line-height:16px; font-size:16px; font-style:normal; font-weight:normal; position:absolute; top:12px; left:-2px; color:#da291c; } .detail-page-images-container .slick-dots li.slick-active.video:after{ color:#242424; } .detail-page-images-container{ } .detail-page-images-container .cnt{ } .detail-page-images-container .cnt.fScroll{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; height:100%; } .detail-page-images-container .cnt.fScroll .inner-cnt{ height:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; overflow-x:scroll; -webkit-scroll-snap-type:x mandatory; -moz-scroll-snap-type:x mandatory; -ms-scroll-snap-type:x mandatory; scroll-snap-type:x mandatory; -webkit-scrollbar-width:none; -moz-scrollbar-width:none; -ms-scrollbar-width:none; scrollbar-width:none; -ms-overflow-style:none; } .detail-page-images-container .cnt.fScroll .inner-cnt > div{ min-width:100%; position:relative; -webkit-scroll-snap-align:center; -moz-scroll-snap-align:center; -ms-scroll-snap-align:center; scroll-snap-align:center; -webkit-scroll-snap-stop:always; -moz-scroll-snap-stop:always; -ms-scroll-snap-stop:always; scroll-snap-stop:always; display:block; } .detail-page-images-container .slick-dots.fScroll{ z-index:3; display:none; } .detail-page-small-images-container{ width:56px; float:left; margin-bottom:5px; display:none !important; } .detail-page-small-images-container .image-thumbs{ overflow:hidden; border:1px solid #d1d1d1; } .detail-page-small-images-container div{ display:block; font-size:0; line-height:1px; } .detail-page-small-images-container div img{ font-size:0; line-height:1px; opacity:0.5; cursor:pointer; } .detail-page-small-images-container div.active img, .detail-page-small-images-container .image-thumbs div:hover img{ opacity:1 } .detail-page-small-images-container div.video-thumb{ margin-bottom:10px; } .detail-page-small-images-container div.video-thumb img{ opacity:1; } .detail-page-gallery-container, .detail-page-empty-left-container, .detail-page-halfleft-container{ width:calc(100% - 500px) !important; } .detail-page-common-container, .detail-page-empty-right-container, .detail-page-halfright-container{ width:500px !important; } .detail-page-common-container #listing{ width:500px; } .detail-page-empty-left-container, .detail-page-empty-right-container{ font-size:0; line-height:0; } .detail-page-gallery-container{ } .detail-page-gallery-container #product-gallery, .detail-page-gallery-container #product-gallery .cnt{ position:-webkit-sticky; position:-moz-sticky; position:sticky; top:10px; } @media only screen and (min-width:992px) { #listing.grid-type-1{ } #listing.grid-type-1 .item{ float:none; width:auto; } #listing.grid-type-1 .item .itm-inr{ min-height:190px; } #listing.grid-type-1 .item span.thumb{ width:120px; padding-bottom:calc( (358 / 238) * 120px); position:absolute; top:0; left:0; } #listing.grid-type-1 .item .h2{ text-align:left; font-size:15px; font-weight:600; padding:5px 0; padding-left:140px; padding-top:20px; white-space:normal; height:auto; } #listing.grid-type-1 .item .hover-stock{ padding-left:140px; text-align:left; } #listing.grid-type-1 .item .hover-stock .h-sizes{ text-align:left; padding-left:0; } #listing.grid-type-1 .item .price{ margin:0 !important; padding-left:140px !important; text-align:left } #listing.grid-type-1 .item .price .pr{ text-align:left } #listing.grid-type-1 .item .available-colors{ padding-left:140px; text-align:left } #listing.grid-type-1 .item .available-colors center{ text-align:left } #listing.grid-type-1 .item .buttons{ padding-left:140px; text-align:left; } } @media only screen and (max-width:320px) { .product-crop-images ul li{ width:calc(50% - 8px); margin:0 2px 8px; } } @media only screen and (max-width:767px) { .detail-page-col-row-container{ display:block; } .detail-page-gallery-container{ width:100%; display:block; } .detail-page-common-container{ width:auto; display:block; padding:16px; padding-bottom:0; } .detail-page-small-images-container{ position:absolute; left:16px; top:16px; z-index:1; } .detail-page-images-container{ padding:0; } .detail-page-images-container .cnt{ margin:0; width:100%; } .detail-page-gallery-container .product-img, .detail-page-gallery-container .video{ width:100%; display:none; } .detail-page-gallery-container .product-img:first-child{ display:block; } .detail-page-gallery-container .product-img a, .detail-page-gallery-container .video a{ width:100%; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; border:0; margin:0; } .detail-page-images-container .slick-dots{ position:absolute; bottom:20px; } .detail-page-half-container{ padding:0; } .detail-page-halfleft-container{ width:auto !important; display:block !important; } .detail-page-halfright-container{ width:auto !important; display:block !important; } .detail-page-half-container .new-text-boxes.nopadding-left{ padding-left:16px; } .product-crop-images ul li{ width:50%; } .detail-page-gallery-container, .detail-page-empty-left-container, .detail-page-halfleft-container{ width:auto !important; } .detail-page-common-container, .detail-page-empty-right-container, .detail-page-halfright-container{ width:auto !important; } .detail-page-common-container #listing{ width:auto !important; } } @media only screen and (max-width:480px) { .detail-page-gallery-container{ width:100%; display:block; } .detail-page-common-container{ width:auto; display:block; padding:16px; padding-bottom:0; } .detail-page-small-images-container{ top:auto; left:auto; top:15px; left:15px; z-index:4; } .detail-page-small-images-container .video-thumb{ width:33px; height:33px; overflow:hidden; position:relative; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; top:0; left:0; background:#da291c; cursor:pointer; } .detail-page-small-images-container .video-thumb img{ position:relative; top:-19px; left:-11px; display:none; } .detail-page-small-images-container .video-thumb:after{ content:'\f04b'; font-family:'FontAwesome'; height:17px; line-height:17px; font-size:18px; font-style:normal; font-weight:normal; position:absolute; top:8px; left:11px; color:#fff; } .detail-page-small-images-container .image-thumbs, .detail-page-small-images-container .video-thumb{ display:none; } .detail-page-images-container .cnt{ margin:0; } .back2category{ display:block; position:absolute; top:0; left:0; padding:16px; } .back2category .btn-2019{ position:relative; background:#fff; } } @media only screen and (min-width:768px) and (max-width:991px) { .detail-page-gallery-container .product-img, .detail-page-gallery-container .video{ width:calc(100%); } .detail-page-gallery-container, .detail-page-empty-left-container, .detail-page-halfleft-container{ width:calc(100% - 350px) !important; display:table-cell; } .detail-page-common-container, .detail-page-empty-right-container, .detail-page-halfright-container{ width:350px !important; display:table-cell; } .detail-page-common-container #listing{ width:350px; } .detail-page-common-container #listing .item{ width:50%; } .detail-page-half-container{ padding:0; } .detail-page-halfleft-container{ width:auto !important; display:block !important; } .detail-page-halfright-container{ width:auto !important; display:block !important; } .detail-page-half-container .new-text-boxes.nopadding-left{ padding-left:16px; } .detail-page-gallery-container .product-img, .detail-page-gallery-container .video{ display:none; } .detail-page-gallery-container .product-img:first-child{ display:inline-block; } .detail-page-images-container .slick-dots{ position:absolute; bottom:20px; } .detail-page-small-images-container{ left:16px; top:16px; z-index:1; } .detail-page-description-container .dmc-inner, .detail-page-retur-container .dmc-inner, .detail-page-delivery-payment-container .dmc-inner, .detail-page-compositions-instructions-container .dmc-inner, .detail-page-tags-container .dmc-inner, .detail-page-measures-container .dmc-inner{ width:auto !important; } } @media only screen and (min-width:992px) { .detail-page-title{ font-weight:600; font-size:18px; } .detail-page-gallery-container .product-img, .detail-page-gallery-container .video{ display:none; } .detail-page-gallery-container .product-img:first-child{ width:100%; display:inline-block; } .detail-page-common-container{ } .detail-sizebtn-container .action-container .pink-button.add2cart-btn.multiline, .modal-sizebtn-container .action-container .pink-button.add2cart-btn.multiline{ } .detail-page-gallery-container, .detail-page-empty-left-container, .detail-page-halfleft-container{ width:calc(100% - 500px) !important; display:table-cell; } .detail-page-common-container, .detail-page-empty-right-container, .detail-page-halfright-container{ width:500px !important; display:table-cell; } .detail-page-common-container #listing{ width:500px; } } @media only screen and (min-width:992px) and (max-width:1200px) { .detail-page-description-container .dmc-inner, .detail-page-retur-container .dmc-inner, .detail-page-delivery-payment-container .dmc-inner, .detail-page-compositions-instructions-container .dmc-inner, .detail-page-tags-container .dmc-inner, .detail-page-measures-container .dmc-inner{ width:90% !important; } .detail-page-half-container{ padding:0; } .detail-page-halfleft-container{ width:auto !important; display:block !important; } .detail-page-halfright-container{ width:auto !important; display:block !important; } .detail-page-half-container .new-text-boxes.nopadding-left{ padding-left:16px; } } @media only screen and (min-width:1201px) { .detail-page-gallery-container .product-img, .detail-page-gallery-container .video{ width:100%; } .detail-page-gallery-container .product-img:first-child { width:100%; display:inline-block; } .detail-page-gallery-container .product-img:nth-of-type(2){ display:inline-block; } .detail-page-images-container{ padding-bottom:0; } .detail-page-common-container{ } .detail-page-gallery-container, .detail-page-empty-left-container, .detail-page-halfleft-container{ width:calc(100% - 500px) !important; display:table-cell; } .detail-page-common-container, .detail-page-empty-right-container, .detail-page-halfright-container{ width:500px !important; display:table-cell; } } @media only screen and (min-width:1501px) { .detail-page-images-container .cnt.fScroll .inner-cnt{ display:block; } .detail-page-images-container .cnt.fScroll .inner-cnt > div{ display:inline-block; min-width:inherit; } } #listing div.page-sep { position:relative; margin-top:0px; top:4px; border-top:1px solid #d1d1d1; margin-left:-16px; margin-right:-16px; text-align:center; font-size:20px; line-height:26px; height:auto; padding-top:16px; padding-bottom:20px; color:#242424; font-weight:600; } #listing .page-1 .manual-load-previous-pages{ padding-bottom:0; } #listing .page-1 .manual-load-previous-pages .text, #listing .page-1 .manual-load-previous-pages .paging-container, #listing .page-1 .manual-load-previous-pages .buttons{ display:none } #listing div.page-1 .page-sep { display:none; } #listing .page-1.ss-pgs{ padding-bottom:16px; } #listing .page-1.ss-pgs .manual-load-previous-pages .text{ display:inline-block ; } #listing .page-1.ss-pgs .manual-load-previous-pages .paging-container, #listing .page-1.ss-pgs .manual-load-previous-pages .buttons{ display:block ; } #listing div.page-sep i { border:0; position:initial; font-size:20px; line-height:26px; width:auto; height:auto; background:none; color:#242424; display:inline; font-weight:600; font-style:normal } #listing .item, #outfit-listing .item{ float:left; color:#a4a4a4; line-height:inherit; font-weight:bold; position:relative; padding-top:0; margin:0; padding-left:0; padding-right:0px; width:50%; padding-bottom:0px; overflow:hidden; margin-bottom:4px; } #outfit-listing .item{ width:200px; } #listing .item .itm-inr, #outfit-listing .item .itm-inr{ height:99%; background:#fff; overflow:hidden; display:block; position:relative; padding-bottom:0; margin:0 2px; width:calc(100% - 4px); } #listing .item a, #outfit-listing .item a{ width:100%; display:block; text-decoration:none; position:relative; } #listing .item span.thumb, #outfit-listing .item span.thumb{ display:inline-block; overflow:hidden; position:relative; line-height:0; width:100%; height:inherit; padding-bottom:calc( (358 / 238) * 100%); animation-duration:1.5s; animation-fill-mode:forwards; animation-iteration-count:infinite; animation-timing-function:linear; animation-name:preloadImageLoaderAnimate; background:#f6f7f8; background:-webkit-linear-gradient(to right, #eeeeee 8%, #fff 18%, #eeeeee 33%); background:-o-linear-gradient(to right, #eeeeee 8%, #fff 18%, #eeeeee 33%); background:linear-gradient(to right, #eeeeee 8%, #fff 18%, #eeeeee 33%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); background-size:400px 100px; } #listing .item span.thumb picture, #outfit-listing .item span.thumb picture{ position:absolute; width:100%; height:100%; } #listing .item span.thumb img, #outfit-listing .item span.thumb img{ position:absolute; width:100%; height:100%; min-height:180px; border-bottom:1px solid #e9e9e9; } #listing .item span.thumb video, #outfit-listing .item span.thumb video{ position:absolute; top:0; left:0; width:101% !important; height:auto !important; z-index:2; } #listing .item .h2, #outfit-listing .item .h2{ color:#242424; font-size:13px; line-height:18px; height:18px; padding:0 10px; text-align:left; white-space:nowrap; margin:0; padding-top:0; padding-bottom:0; font-weight:normal; display:block; width:auto; overflow:hidden; text-overflow:ellipsis; text-align:center; } #listing .item .h2.two-lines, #outfit-listing .item .h2.two-lines{ height:36px; white-space:normal; } #listing .item .hover-stock, #outfit-listing .item .hover-stock{ visibility:visible; height:18px; line-height:18px; padding:0 10px; padding-bottom:0; } #listing .item .hover-stock .h-sizes, #outfit-listing .item .hover-stock .h-sizes{ margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; } #listing .item .hover-stock, #outfit-listing .item .hover-stock{ font-size:0; } #listing .item .hover-stock span, #outfit-listing .item .hover-stock span{ font-weight:normal; padding:0 4px 2px 0; position:relative; text-shadow:none; cursor:pointer; display:inline-block; color:#242424; font-size:13px; line-height:18px; } #listing .item .hover-stock span.off, #outfit-listing .item .hover-stock span.off{ color:#999; text-decoration:line-through; } #listing .item .hover-stock .h-sizes:first-child, #outfit-listing .item .hover-stock .h-sizes:first-child{ padding-left:0px; } #listing .item .stock-progress-bar, #outfit-listing .item .stock-progress-bar{ display:none; } #listing .item .available-colors{ display:block !important; height:20px; white-space:nowrap; padding:0px 5px 10px; } #listing .item .available-colors span { display:table-cell; width:20px; height:20px; padding-right:5px; overflow:hidden; } #listing .item .available-colors span img, #listing .item .available-colors span > span.img { width:20px !important; height:20px !important; margin:0 !important; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; min-height:auto !important; display:block; overflow:hidden; padding-right:0; } #listing .item .available-colors span.text { width:auto; color:#4974ff; font-size:13px; line-height:20px; font-weight:normal; vertical-align:top; text-decoration:none; } #listing .item .available-colors span.text u { display:block; text-decoration:none; padding-left:5px; } #outfit-listing .item .available-colors{ display:none !important; } #listing .item .price, #outfit-listing .item .price{ overflow:hidden; width:100% !important; justify-content:center; margin:0 auto !important; display:block !important; padding-top:5px !important; padding-bottom:5px !important; white-space:nowrap !important; height:23px; } #listing .item .price .pr, #outfit-listing .item .price .pr{ height:auto; vertical-align:bottom; display:block; text-align:center; } #listing .item .price span.pr .rrp, #outfit-listing .item .price span.pr .rrp{ display:block; font-weight:normal !important; font-size:13px; line-height:13px; display:block; color:#6c757d; position:relative; top:-4px; padding:0; } #listing .item .price span.pr .rrp sup{ } #listing .item .price span.pr .rrp em, #outfit-listing .item .price span.pr .rrp em{ line-height:13px; } #listing .item .price span.pr .op, #outfit-listing .item .price span.pr .op{ text-align:center; white-space:nowrap; position:relative; top:0; display:inline-block; vertical-align:top; width:auto !important; margin-left:2px !important; } #listing .item .price span.pr .p, #outfit-listing .item .price span.pr .p{ position:inherit !important; top:0; display:inline-block; vertical-align:top; margin-right:2px !important; line-height:22px; font-size:14px; } #listing .item .price span.pr .p em, #outfit-listing .item .price span.pr .p em{ line-height:22px; font-size:14px; } #listing .item .price span.pr .p sup, #outfit-listing .item .price span.pr .p sup{ top:3px; font-size:6px; } #listing .item .price span.pr .cnt-discount, #outfit-listing .item .price span.pr .cnt-discount{ display:none; } #listing .item .price span.pr .op, #outfit-listing .item .price span.pr .op{ font-size:14px; line-height:22px; color:#999; } #listing .item .price span.pr .op em, #outfit-listing .item .price span.pr .op em{ line-height:22px; font-size:14px; color:#999; } #listing .item .price span.pr .op sup, #outfit-listing .item .price span.pr .op sup{ top:3px; font-size:6px; color:#999; } #listing .item .price span.pr .op .ln-tro, #outfit-listing .item .price span.pr .op .ln-tro{ margin-top:-11px; border-top-color:#999; } #listing .item .stock-status, #outfit-listing .item .stock-status{ height:20px; line-height:23px; overflow:hidden; margin:0 7px; padding:0; display:none; } #listing .item .buttons{ padding-bottom:5px; } #listing .item .stock-none-over-image, #outfit-listing .item .stock-none-over-image{ position:absolute; top:0; left:0; width:100% !important; padding-top:150% !important; height:auto !important; background-repeat:no-repeat !important; background-position:center !important; background-size:cover !important; z-index:3; } .lang-ro #listing .item .stock-none-over-image, .lang-ro #outfit-listing .item .stock-none-over-image{ background:url('../img/birthday-sold-out-ro-310x466.png'); } .lang-hu #listing .item .stock-none-over-image, .lang-hu #outfit-listing .item .stock-none-over-image{ background:url('../img/birthday-sold-out-hu-310x466.png'); } .lang-en #listing .item .stock-none-over-image, .lang-en #outfit-listing .item .stock-none-over-image{ background:url('../img/birthday-sold-out-en-310x466.png'); } .lang-cz #listing .item .stock-none-over-image, .lang-cz #outfit-listing .item .stock-none-over-image{ background:url('../img/birthday-sold-out-en-310x466.png'); } .lang-hr #listing .item .stock-none-over-image, .lang-hr #outfit-listing .item .stock-none-over-image{ background:url('../img/birthday-sold-out-en-310x466.png'); } #listing .item .soon-info { margin-top:15px; background:#ffe69d; padding:3px 10px; font-size:13px; line-height:18px; font-weight:600; letter-spacing:0.5px; color:#242424; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #listing .manual-load-pages{ padding-left:16px; padding-right:16px; text-align:center; padding-bottom:16px; padding-top:24px; } #listing .manual-load-pages .text{ height:43px; display:inline-block; text-align:center; } #listing .manual-load-pages .text .msg{ font-size:13px; line-height:13px; height:13px; color:#666; font-weight:normal; display:block; text-align:center; padding-bottom:9px; } #listing .manual-load-pages .text .bar{ width:232px; height:5px; line-height:5px; background:#E8EDF2; display:block; } #listing .manual-load-pages .text .bar i{ width:0; display:block; height:5px; line-height:5px; background:#939699; } #listing .manual-load-pages .buttons .hide{ display:none; } #listing .manual-load-pages .paging-container.inline-page { margin-left:-16px; margin-right:-16px; padding-top:5px; padding-bottom:20px; } #listing .manual-load-pages .paging-container .paging-element { -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; padding:0px 3px; line-height:25px; height:25px; font-size:12px; display:inline-block; min-width:20px; background-color:#fff; border:solid 1px #cccccc; color:#242424; text-align:center; margin-left:0px; text-decoration:none; } #listing .manual-load-pages .paging-container .paging-element.prev, #listing .manual-load-pages .paging-container .paging-element.next { position:relative; top:2px; } #listing .manual-load-pages .paging-container .paging-left-icon { width:18px; height:18px; position:relative; display:inline-block; top:0px; left:0; } #listing .manual-load-pages .paging-container .paging-left-icon:after{ content:'\f104'; font-family:'FontAwesome'; font-style:normal; position:relative; font-weight:400; font-size:16px; color:#666666; left:-1px; } #listing .manual-load-pages .paging-container .paging-right-icon{ width:18px; height:22px; position:relative; display:inline-block; top:0px; left:0; } #listing .manual-load-pages .paging-container .paging-right-icon:after{ content:'\f105'; font-family:'FontAwesome'; font-style:normal; position:relative; font-weight:400; font-size:16px; color:#666666; right:-1px; } #listing .manual-load-pages .paging-container .paging-element.active.disabled{ opacity:0.4; } #listing .manual-load-pages .paging-container .paging-element.active, #listing .manual-load-pages .paging-container .paging-element:hover { border:solid 1px #8c8c8c; } #listing .manual-load-pages .paging-container .paging-element.page-element.active { background-color:#4d4d4d; background-image:none; color:#fff; text-shadow:none; border:solid 1px #4d4d4d; } .listing-topzone-container{ padding:16px 16px 12px 16px; font-size:0; } .filter-combobox-container{ display:inline-block; position:relative; padding:6px 0 12px; } .filter-combobox-container .title{ line-height:36px; height:36px; padding:0 43px; font-size:14px; color:#242424; font-weight:600; display:block; text-transform:uppercase; letter-spacing:1px; text-align:center; min-width:104px; border:1px solid #242424; overflow:hidden; -webkit-box-shadow:0px 2px 2px rgb(0 0 0 / 25%); -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.25); box-shadow:0px 2px 2px rgb(0 0 0 / 25%); background:#f7f7f7; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; position:relative; cursor:pointer; } .filter-combobox-container:hover .title{ } .filter-combobox-container.opened .title { background:#242424; color:#fff; z-index:5; } .filter-combobox-container .title .icon { height:7px; opacity:1; position:absolute; width:7px; margin-top:19px; left:16px; } .filter-combobox-container .title .icon:after { content:'\f161'; font-family:'FontAwesome'; width:10px; color:#242424; position:absolute; top:-13px; font-style:normal; font-size:14px; height:26px; line-height:25px; display:block; } .filter-combobox-container .title .arrow { height:7px; opacity:1; position:absolute; width:7px; margin-top:25px; right:16px; } .filter-combobox-container .title .arrow:after { content:'\f107'; font-family:'FontAwesome'; width:10px; color:#6a6a6a; position:absolute; top:-13px; font-style:normal; font-size:14px; height:26px; line-height:25px; display:block; } .filter-combobox-container.opened .title .arrow:after { color:#fff; top:-14px; content:'\f106'; } .filter-combobox-container .container{ display:none; } .filter-combobox-container.opened .container{ position:absolute; top:37px !important; display:block; z-index:5; min-width:300px; overflow:hidden; border:1px solid #242424; background:#fff; padding-left:16px; padding-right:16px; padding-top:6px; padding-bottom:6px; right:0; } .filter-combobox-container .container ul.items{ margin:0; padding:0; overflow:hidden; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .filter-combobox-container .container ul.items li{ list-style:none; display:block; border-bottom:1px solid #d1d1d1; font-size:15px; line-height:19px; } .filter-combobox-container .container ul.items li:last-child { border-bottom:0; } .filter-combobox-container .container ul.items li a{ font-size:15px; line-height:19px; padding-top:10px; padding-bottom:10px; color:#242424; padding-left:36px; display:block; text-decoration:none; position:relative; } .filter-combobox-container .container ul.items li a.selected{ font-weight:bold; } .filter-combobox-container .container ul.items li a:hover{ text-decoration:underline; } .filter-combobox-container .container ul.items li a i{ background:url(../img/checkbox-sprite.png?3) no-repeat; background-position:-175px 0; width:15px; height:17px; display:block; position:absolute; top:2px; left:0; background-position:-44px 0; width:17px; top:11px; left:10px; } .filter-combobox-container .container ul.items li a.selected i { background-position:-21px 0; } .filter-combobox-container.opened .bg{ position:fixed; background:rgba(0,0,0,0.3); top:0; left:0; right:0; bottom:0; z-index:4; } .listing-topzone-container .filter-combobox-container[rel="sorting"]{ width:calc(50% - 0px); padding-left:0px; } #top-listing-filter{ width:calc(50% - 20px); padding-right:20px; } .filter-leftbox{ position:relative; } .filter-leftbox .title, .new-text-boxes .title.filter-box-size{ line-height:48px; height:48px; padding:0; font-size:14px; color:#242424; font-weight:600; display:block; text-transform:uppercase; letter-spacing:1px; position:relative; } .filter-leftbox .title{ cursor:pointer; } .filter-leftbox .title > span{ padding-right:60px; display:block; } .filter-leftbox .open-close { position:absolute; top:20px; right:16px; height:30px; cursor:pointer; } .filter-leftbox .open-close i.button:after { background:none; content:'\f106'; font-family:'FontAwesome'; height:30px; line-height:30px; width:16px; font-size:1.6em; font-style:normal; display:block; color:#808080; } .filter-leftbox .title .arrow{ position:absolute; top:10px; right:16px; height:30px; cursor:pointer; } .filter-leftbox .title .arrow::after { content:'\f106'; font-family:'FontAwesome'; width:10px; color:#6a6a6a; position:absolute; top:2px; font-style:normal; font-size:19px; height:26px; line-height:25px; display:block; } .filter-leftbox .content-inner2{ max-height:273px; overflow-y:auto; } .filter-leftbox .content ul{ padding:0; margin:0; } .filter-leftbox .content ul li{ list-style:none; display:block; border-bottom:1px solid #d1d1d1; font-size:15px; line-height:19px; position:relative; } .filter-leftbox .content ul li .li-title{ font-size:15px; line-height:22px; padding-left:10px; padding-top:10px; font-weight:600; color:#242424; } .filter-leftbox .content ul li a, .filter-leftbox .content ul li .a{ font-size:14px; line-height:19px; padding-top:10px; padding-bottom:10px; color:#242424; padding-left:36px; height:19px; display:block; text-decoration:none; position:relative; margin-right:40px; white-space:nowrap; overflow:hidden; cursor:pointer; } .filter-leftbox .content ul li a:hover, .filter-leftbox .content ul li .a:hover{ text-decoration:underline; color:#242424; } .filter-leftbox .content ul li a > span, .filter-leftbox .content ul li .a > span{ position:absolute; } .filter-leftbox .content ul li a:hover > span, .filter-leftbox .content ul li .a:hover > span{ text-decoration:underline; } .filter-leftbox .content ul li a > span.flat-size-btn, .filter-leftbox .content ul li .a > span.flat-size-btn{ position:static; } .filter-leftbox .content ul li a i, .filter-leftbox .content ul li .a i{ background:url(../img/checkbox-sprite.png?3) no-repeat; background-position:-44px 0; height:17px; display:block; position:absolute; width:17px; top:11px; left:10px; } .filter-leftbox .content ul li a.selected i.checkbox, .filter-leftbox .content ul li .a.selected i.checkbox{ background-position:-21px 0; } .filter-leftbox .content ul li .filter-box-qty { position:absolute; right:0; top:0; font-size:14px; padding-right:10px; color:#242424; padding-top:11px; } .filter-leftbox .content ul li .filter-color{ padding-left:63px !important; } .filter-leftbox .content ul li .filter-color:hover{ text-decoration:none; } .filter-leftbox .content ul li .filter-color:hover em{ text-decoration:underline; } .filter-leftbox .content ul li .filter-color u{ width:24px; height:24px; display:inline-block; margin-top:0px; margin-right:3px; cursor:pointer; top:7px; overflow:hidden; -webkit-border-radius:28px; -moz-border-radius:28px; border-radius:28px; position:absolute; top:8px; left:36px; } .filter-leftbox .content ul li:last-child{ border:0; } .filter-leftbox .content ul li .filter-color em { font-style:normal; } .filter-leftbox .active-nb{ position:absolute; background:#000; font-size:11px; line-height:17px; color:#fff; display:inline-block; padding:1px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-align:center; min-width:17px; top:14px; right:29px; } .filter-leftbox .content .search{ position:relative; display:block; padding-bottom:15px; border-bottom:1px solid #d1d1d1; margin-bottom:10px; } .filter-leftbox .content .search input.little { height:30px; line-height:30px; color:#242424; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#E8EDF2; border:0; padding-left:10px; padding-right:20px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; width:calc(100% - 30px); font-size:13px; } .filter-leftbox .content .search .search-icon{ position:absolute; right:14px; top:8px; width:10px; height:10px; } .filter-leftbox .content .search .search-icon:after{ color:#666; font-size:14px; top:0px; right:0px; } .filter-leftbox .content .search .search-icon.close:after{ content:'\f057'; cursor:pointer; } .listing-inner-container .new-text-boxes .container > .filter-leftbox{ border-bottom:1px solid #d1d1d1; padding-bottom:10px; } .listing-inner-container .new-text-boxes .container > .filter-leftbox:last-child{ border-bottom:0; } .listing-inner-container .new-text-boxes .container > .filter-leftbox.closed{ padding-bottom:0; } .listing-inner-container .new-text-boxes .container > .filter-leftbox.closed .title .arrow:after{ content:'\f107'; } .listing-inner-container .new-text-boxes .container > .filter-leftbox.closed .content-inner{ display:none; } .listing-inner-container .new-text-boxes .container > .filter-leftbox.disabled{ padding-bottom:0; } .listing-inner-container .new-text-boxes .container > .filter-leftbox.disabled .title{ opacity:0.5; cursor:default; } .listing-inner-container .new-text-boxes .container > .filter-leftbox.disabled .title .arrow{ display:none; } .listing-inner-container .new-text-boxes .container > .filter-leftbox.disabled .content{ display:none; } .listing-inner-container .new-text-boxes .container > .filter-leftbox.subheader-subcategories{ border-bottom:1px solid #d1d1d1; } .listing-inner-container .new-text-boxes .container > .filter-leftbox.subheader-subcategories .content-inner2{ max-height:546px } #listing .item div.social-area-2023, #outfit-listing .item div.social-area-2023{ width:40px; height:40px; top:0px; right:0px; bottom:auto; z-index:4; position:absolute; cursor:pointer; display:none; } #listing .item div.social-area-2023 .fv-btn, #outfit-listing .item div.social-area-2023 .fv-btn{ background:none; margin:0; right:0px; top:0px; width:40px; height:40px; overflow:hidden; position:absolute; opacity:0.5; filter:grayscale(1); } #listing .item div.social-area-2023:hover{ } #listing .item div.social-area-2023:hover .fv-btn{ opacity:1; } #listing .item div.social-area-2023 .fv-btn:after{ display:block; background-image:url('../img/fv-icon-sprite-3x.png'); background-position:-73px 0; background-size:55px 14px; width:18px; height:14px; position:absolute; top:14px; right:14px; content :' '; } #listing .item div.social-area-2023 .fv-btn:hover, #listing .item div.social-area-2023 .fv-btn.selected{ right:0px; } #listing .item div.social-area-2023 .fv-btn.selected{ opacity:1; filter:grayscale(0); } #listing .item div.social-area-2023 .fv-btn.selected:after{ background-position:-92px 0; } #listing .item div.social-area-2023 .fv-rem-btn{ background:none; margin:0; right:0px; top:0px; width:40px; height:40px; overflow:hidden; position:absolute; } #listing .item div.social-area-2023 .fv-rem-btn:after{ background:none; content:'\f1f8'; font-family:'FontAwesome5'; font-style:normal; position:absolute; font-weight:600; font-size:17px; color:#9FA2A6; width:14px; height:16px; top:14px; right:14px; display:block; line-height:14px; } #listing .item div.social-area-2023:hover .fv-rem-btn:after{ color:#242424; } #outfit-listing .item div.social-area-2023{ display:none !important; } #top-listing-filter{ display:inline-block; padding:6px 0 12px; } #top-listing-filter .selected-filters{ line-height:36px; height:36px; padding:0 43px; font-size:14px; color:#242424; font-weight:600; display:block; text-transform:uppercase; letter-spacing:1px; text-align:center; min-width:104px; overflow:hidden; background:#f7f7f7; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; position:relative; cursor:pointer; border:1px solid #242424; } #top-listing-filter .selected-filters i{ position:absolute; top:11px; left:16px; height:7px; width:10px; display:block; } #top-listing-filter .selected-filters i:after { content:'\f1de'; font-family:'FontAwesome'; font-style:normal; position:relative; font-weight:600; font-size:14px; color:#242424; width:10px; height:15px; top:0; left:0; display:block; line-height:14px; } #top-listing-filter .selected-filters u{ position:absolute; background:#000; font-size:11px; line-height:17px; color:#fff; padding:1px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-align:center; min-width:17px; top:14px; text-decoration:none; right:16px; display:none; } #top-listing-filter .selected-filters:hover{ -webkit-box-shadow:0px 2px 2px rgb(0 0 0 / 50%); -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.5); box-shadow:0px 2px 2px rgb(0 0 0 / 50%); } .filter-combobox-container .title{ background:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; padding-right:5px; padding-left:40px; padding-right:20px; -webkit-border-bottom-left-radius:0px; -moz-border-bottom-left-radius:0px; border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; -moz-border-bottom-right-radius:0px; border-bottom-right-radius:0px; text-align:left; min-width:inherit; } .filter-combobox-container:hover .title{ -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; text-decoration:underline; background:#fff; color:#242424; } .filter-combobox-container.opened .title{ -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; text-decoration:underline; background:#fff; color:#242424; } .filter-combobox-container.opened .container{ border-top:1px solid #242424; top:43px !important; -webkit-border-top-left-radius:0px; -moz-border-top-left-radius:0px; border-top-left-radius:0px; } #top-listing-filter{ width:auto; } #top-listing-filter .selected-filters{ background:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; padding-right:0; padding-left:40px; padding-right:20px; text-align:left; min-width:inherit; } #top-listing-filter .selected-filters:hover{ -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; text-decoration:underline; } @media only screen and (max-width:480px) { .listing-container > .mc-inner > .new-text-boxes{ padding-left:0px; padding-right:0px; } .listing-topzone-container{ } #outfit-listing .item{ width:50%; } .listing-inner-container .listing-filter-extern-container{ display:block; } #listing .item .hover-stock span, #outfit-listing .item .hover-stock span{ font-size:11px } } @media only screen and (max-width:767px) { .listing-inner-container .listing-filter-extern-container{ display:block; } .listing-topzone-container{ text-align:right; padding:0 16px; line-height:0; font-size:0; } .listing-topzone-container .filter-combobox-container[rel="sorting"]{ width:auto; } .filter-combobox-container .title{ -webkit-border-bottom-left-radius:0px; -moz-border-bottom-left-radius:0px; border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; -moz-border-bottom-right-radius:0px; border-bottom-right-radius:0px; } .filter-combobox-container:hover .title{ -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; text-decoration:underline; } .filter-combobox-container.opened .title{ -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .filter-combobox-container.opened .container{ } #listing .manual-load-pages{ padding-top:16px; border-top:1px solid #d1d1d1; } #listing .page-1 .manual-load-previous-pages{ border-top:0; padding-top:0px; } #listing .page-1.ss-pgs{ padding-top:16px; border-top:1px solid #d1d1d1; } #top-listing-filter{ float:left; padding-right:0; } #listing .item .available-colors{ display:none !important; } .listing-inner-container .new-text-boxes .container > .subheader-subcategories.filter-leftbox{ border:0; } .listing-inner-container .new-text-boxes .container > .subheader-subcategories.filter-leftbox.closed .content-inner{ display:block; } .subheader-subcategories.filter-leftbox > .title{ display:none; } .subheader-subcategories.filter-leftbox .content .content-inner2{ } .subheader-subcategories.filter-leftbox .content ul{ display:flex; overflow-x:scroll; padding-bottom:12px; } .subheader-subcategories.filter-leftbox .content ul li{ display:inline-block; border:0; flex-shrink:0; -webkit-scroll-snap-align:center; -moz-scroll-snap-align:center; -ms-scroll-snap-align:center; scroll-snap-align:center; -webkit-scroll-snap-stop:always; -moz-scroll-snap-stop:always; -ms-scroll-snap-stop:always; scroll-snap-stop:always; display:block; } .subheader-subcategories.filter-leftbox .content ul li a{ background:#f2f2f2; color:#999; padding:10px 15px; margin-right:10px; } .subheader-subcategories.filter-leftbox .content ul li:last-child a{ margin-right:0px; } .subheader-subcategories.filter-leftbox .content ul li a i{ display:none } } @media only screen and (min-width:768px) { #listing .item{ width:25%; } .listing-topzone-container{ margin-left:0; margin-right:0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; line-height:0; } .listing-topzone-container .filter-combobox-container[rel="sorting"]{ width:auto; } #top-listing-filter{ width:auto; } #top-listing-filter .selected-filters{ display:inline-block } .filter-combobox-container.opened .container{ right:auto; } #listing div .page-sep { display:block !important; border-top:1px solid #fff; } #listing .page-1 .manual-load-previous-pages{ position:absolute; right:16px; padding:0; top:0px; } #listing .page-1 .manual-load-previous-pages .text, #listing .page-1.ss-pgs .manual-load-previous-pages .text{ display:none } #listing .page-1 .manual-load-previous-pages .buttons, #listing .page-1.ss-pgs .manual-load-previous-pages .buttons{ display:none } #listing .page-1 .manual-load-previous-pages .paging-container.inline-page, #listing .page-1.ss-pgs .manual-load-previous-pages .paging-container.inline-page{ margin:0; display:block; } #listing .page-1.ss-pgs{ padding-bottom:0; } #listing .manual-load-next-pages{ } #listing .manual-load-pages.manual-load-next-pages .paging-container.inline-page{ margin-left:0; margin-right:0; } #listing .manual-load-next-pages .buttons{ display:none; } .listing-inner-container .listing-filter-extern-container{ display:none; } } @media only screen and (min-width:992px) { #top-listing-filter{ display:none } .listing-inner-container .listing-filter-extern-container{ display:table-cell; } } @media only screen and (max-width:991px) { .listing-inner-container{ display:block; width:auto; } .listing-inner-container .listing-filter-container{ display:none; } .listing-inner-container .listing-product-container{ width:auto; } .listing-inner-container .listing-filter-container.open-modal{ display:block; position:fixed; top:0; left:0; width:100%; bottom:0; z-index:110; background:#fff; } .listing-inner-container .listing-filter-container.open-modal > div{ overflow-y:auto; height:calc(100% - 50px); margin-top:50px; background:#fff; z-index:2; position:relative; } .listing-inner-container .listing-filter-container.open-modal .bg{ position:absolute; z-index:1; background:rgba(0,0,0,0.4); right:-20%; top:0; height:100%; width:100%; margin:0; overflow:inherit; } .listing-inner-container .listing-filter-container.open-modal .close{ position:absolute; background:#f7f7f7; border-bottom:1px solid #bbb; z-index:2; width:100%; top:0; height:50px; margin:0; } .listing-inner-container .listing-filter-container.open-modal .close i{ background-image:url(../img/mobile/new-sprite.png?3); background-position:-73px -147px; background-size:143px 267px; display:inline-block; height:19px; top:17px; width:19px; cursor:pointer; position:absolute; right:17px; z-index:8; } .listing-inner-container .listing-filter-container.open-modal .new-text-boxes.fullborder{ margin:0 !important; border:0; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; position:relative; z-index:2; } .listing-inner-container .listing-filter-container.open-modal .subheader-subcategories-container{ } .listing-inner-container .listing-filter-container.open-modal .filter-leftbox .content-inner2{ max-height:none !important; } .subheader-subcategories-container{ } } #listing.outfit-listing-box-container .item .available-colors{ display:none !important; } #bottomListingDescriptionExternContainer{ position:relative; } #bottomListingDescriptionExternContainer:after{ content:""; background:linear-gradient(to bottom,rgba(255,255,255,0),#f7f7f7); position:absolute; bottom:0; left:0; width:100%; height:50px; } #bottomListingDescriptionExternContainer.opened:after{ display:none; } .small-carousel-container{ overflow:hidden; overflow-x:scroll; margin-bottom:10px; } .small-carousel-container .content{ white-space:nowrap; max-width:3000px; } .small-carousel-container .content .item{ } .small-carousel-container .content .item{ display:inline-block; padding-right:10px; } .small-carousel-container .content .item a{ display:block; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; -webkit-box-shadow:0px 2px 2px rgb(0 0 0 / 25%); -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.25); box-shadow:0px 2px 2px rgb(0 0 0 / 25%); overflow:hidden; margin-bottom:10px; font-size:0; line-height:0; } .small-carousel-container .content .item a:hover{ -webkit-box-shadow:0px 2px 2px rgb(0 0 0 / 50%); -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.5); box-shadow:0px 2px 2px rgb(0 0 0 / 50%); } .small-carousel-container .content .item img{ width:100%; max-width:100%; font-size:0; } .small-carousel-container .content .item:last-child{ padding-right:0; } @media only screen and (max-width:320px) { .small-carousel-container .content .item{ width:40%; display:none; } } @media only screen and (max-width:767px) { .small-carousel-container .content .item{ width:33.33%; } .small-carousel-container.w2half .content .item:nth-child(1), .small-carousel-container.w2half .content .item:nth-child(2){ display:inline-block; } .small-carousel-container.w2half .content .item:nth-child(3) { display:inline-block; position:absolute; right:-20%; } } @media only screen and (min-width:768px) and (max-width:991px) { .small-carousel-container .content .item{ width:164px; padding-right:10px; } } @media only screen and (min-width:992px) { .small-carousel-container .content{ } .small-carousel-container .content .item{ width:194px; padding-right:10px; } .small-carousel-container.w2half .content .item{ display:inline-block; } } @media only screen and (min-width:1200px){ .small-carousel-container.w2half .content .item{ display:inline-block; } } .home-listing-box, .outfit-box{ overflow:hidden; padding-top:16px; } .home-listing-box-inner, .outfit-box-inner{ white-space:nowrap; max-width:3000px; overflow-x:scroll; font-size:0; line-height:0; } .home-listing-box-inner.slick-initialized, .outfit-box-inner.slick-initialized{ overflow-x:hidden; } #listing .home-listing-box-inner .item, #outfit-listing .outfit-box-inner .item{ float:none; display:inline-block; } .home-listing-box-container{ } .home-listing-box-container .navigation{ display:none; } .home-listing-box-container .action-bottom{ padding-top:12px; text-align:center; padding-bottom:12px; } .home-listing-box-container .action-bottom .see-all{ font-size:17px; line-height:21px; color:#242424; text-transform:uppercase; text-decoration:none; font-weight:600; padding:0px; display:inline-block; } .home-listing-box-container .action-bottom .see-all:hover{ text-decoration:underline; } .home-listing-box-container .action-bottom .see-all .right-arrow{ margin-left:5px; } .home-listing-box-container .action-bottom .see-all .right-arrow:after{ color:#242424; } #listing.home-listing-box-container > div > .h2, #listing.home-listing-box-container > div > .title .h2{ font-size:26px; font-weight:800; text-transform:uppercase; text-align:center; letter-spacing:1px; line-height:30px; padding:12px 0 0px; } #listing .home-listing-box-inner .item.category, #listing .home-listing-box-inner .item.category-2025{ text-decoration:none; } #listing .home-listing-box-inner .item.category picture, #listing .home-listing-box-inner .item.category-2025 picture{ width:calc(100% - 4px); margin:0 2px; display:block; overflow:hidden; } #listing .home-listing-box-inner .item.category picture img, #listing .home-listing-box-inner .item.category-2025 picture img{ width:100%; display:block; position:relative; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -ms-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease; image-rendering:-webkit-optimize-contrast; } #listing .home-listing-box-inner .item.category picture img:hover, #listing .home-listing-box-inner .item.category-2025 picture img:hover{ transform:scale(1.06); } #listing .home-listing-box-inner .item.category .title, #listing .home-listing-box-inner .item.category-2025 .title{ padding-top:5px; height:40px; } #listing .home-listing-box-inner .item.category .title table tr td, #listing .home-listing-box-inner .item.category-2025 .title table tr td{ display:block; text-align:center; font-size:16px; line-height:20px; font-weight:600; position:relative; padding:0; color:#242424; white-space:normal; } .home-categories-container .home-listing-box-inner { text-align:center; } #listing .home-listing-box-inner .item.category-2025{ width:170px } #listing.grid-type-7 .home-listing-box-inner .item .hover-stock, #listing.grid-type-7 .home-listing-box-inner .item .available-colors, #listing.grid-type-7 .home-listing-box-inner .item .badge, #listing.grid-type-7 .home-listing-box-inner .item .price{ display:none !important; } #listing.grid-type-7 .home-listing-box-inner .item .h2{ height:36px; white-space:normal; } @media only screen and (max-width:320px) { #listing .home-listing-box-inner .item{ width:70%; } #outfit-listing .outfit-box-inner .item{ width:150px; } #listing.grid-type-7 .home-listing-box-inner .item{ width:33%; } } @media only screen and (max-width:767px) { #listing .home-listing-box, #outfit-listing .outfit-box{ margin-left:-16px; margin-right:-16px; width:calc( 100% + 32px ); } #listing .home-listing-box .home-listing-box-inner, #outfit-listing .outfit-box .outfit-box-inner{ padding-left:16px; padding-right:16px; } #listing .home-listing-box-inner .item{ width:70%; } #outfit-listing .outfit-box-inner .item{ width:150px; } #listing.grid-type-7 .home-listing-box-inner .item{ width:33%; } } @media only screen and (min-width:768px) and (max-width:991px) { #listing .home-listing-box, #outfit-listing .outfit-box{ margin-left:-16px; margin-right:-16px; width:calc( 100% + 32px ); } #listing .home-listing-box .home-listing-box-inner, #outfit-listing .outfit-box .outfit-box-inner{ padding-left:16px; padding-right:16px; } #listing .home-listing-box-inner .item{ width:30%; } #outfit-listing .outfit-box-inner .item{ width:150px; } #listing.grid-type-7 .home-listing-box-inner .item{ width:20%; } } @media only screen and (min-width:992px) { #listing .home-listing-box-inner .item{ width:20%; } #outfit-listing .outfit-box-inner .item{ width:150px; } #listing.grid-type-7 .home-listing-box-inner .item{ width:15%; } } #listing .item.total-look-item{ padding-bottom:14px; } .item .tlook-items{ vertical-align:top; height:60px; padding-top:8px; padding-bottom:8px; text-align:center; } .item .tlook-items .plus{ display:inline-block; height:58px; line-height:58px; font-size:12px; color:#666666; vertical-align:top; padding-left:5px; padding-right:5px; } .item .tlook-items .tlook-itm{ width:38px; height:58px; display:inline-block; line-height:0; font-size:0; -webkit-transition:opacity 200ms ease-out; -moz-transition:opacity 200ms ease-out; -ms-transition:opacity 200ms ease-out; -o-transition:opacity 200ms ease-out; transition:opacity 200ms ease-out; } .item:hover .tlook-items .tlook-itm{ opacity:0.7; } .item:hover .tlook-items .tlook-itm:hover{ opacity:1; } .item .tlook-items .tlook-itm img{ width:100%; height:100%; line-height:0; font-size:0; } .item .tlook-items .tlook-itm.hide{ display:none; }