#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 .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 .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 .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 } @media only screen and (max-width:320px) { #listing .home-listing-box-inner .item{ width:70%; } #outfit-listing .outfit-box-inner .item{ width:150px; } } @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; } } @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; } } @media only screen and (min-width:992px) { #listing .home-listing-box-inner .item{ width:20%; } #outfit-listing .outfit-box-inner .item{ width:150px; } } .listing-testimonial-item{ clear:both; padding:0px 0 10px 0; } .listing-testimonial-item .bg-grey { padding:16px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; overflow:hidden; } .listing-testimonial-item .bg-grey > div > div { padding:16px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#fff; display:table; width :calc( 100% - 32px); } .listing-testimonial-item .entity-user{ color:#6d6d6d; font-size:13px; padding-top:3px; padding-left:3px; overflow:hidden; margin-top:0px; width:140px; display:table-cell; vertical-align:middle } .listing-testimonial-item .entity-user span { display:block; line-height:19px; } .listing-testimonial-item .entity-user span.name { font-size:18px; font-weight:600; line-height:26px; color:#000; white-space:nowrap; display:block; } .listing-testimonial-item .entity-user span.date{ color:#6d6d6d; display:block; line-height:19px; } .listing-testimonial-item .entity-user .green-line{ color:#45AB69; } .listing-testimonial-item .bg-grey > div > div .comment-box { padding:10px 22px; color:#8f8f8f; position:relative; background:#f2f2f2; box-shadow:none; min-height:50px; margin:0px; display:table-cell; vertical-align:middle } .listing-testimonial-item .cb-left-arrow { width:12px; height:20px; background:url(../img/social-sprites.png) -43px -29px; display:inline-block; margin-top:25px; margin-left:-34px; position:absolute; } .listing-testimonial-item .comment-box .title { display:block; font-size:18px; font-weight:600; color:#000; line-height:21px; padding:0 !important; } .listing-testimonial-item .review_rating_container { display:inline-block; line-height:14px; position:relative; top:5px; vertical-align:top; } .listing-testimonial-item .review_rating_container .stars-text { font-size:11px; line-height:14px; display:inline-block; position:relative; top:-1px; } .listing-testimonial-item .review_rating_container .stars { overflow:hidden; display:inline-block; vertical-align:top; height:14px; width:66px; background-image:url(../img/detail-sprite-v3.png); background-position:-172px -193px; } .listing-testimonial-item .review_rating_container .stars .active { display:block; background:url(../img/detail-sprite-v3.png) -106px -193px; width:0; height:14px; -webkit-transition:width 1000ms ease; -moz-transition:width 1000ms ease; -ms-transition:width 1000ms ease; -o-transition:width 1000ms ease; transition:width 1000ms ease; } .listing-testimonial-item .comment-box .text { padding-top:0px; display:block; margin-bottom:0px; font-size:13px; font-style:normal; color:#242424; line-height:18px; } .listing-testimonial-item .bg-grey > div > div.clear { margin:0; padding:0; } @media only screen and (max-width:480px) { .listing-testimonial-item .entity-user{ float:none; padding-bottom:10px; margin:0; width:auto; display:block; } .listing-testimonial-item .entity-user span.date, .listing-testimonial-item .entity-user .green-line{ display:inline-block; } .listing-testimonial-item .entity-user .green-line{ float:right; } .listing-testimonial-item .bg-grey > div > div .comment-box{ float:none; margin-left:0; padding:10px; display:block; } .listing-testimonial-item .cb-left-arrow{ display:none; } } .spotlight h2 { color:#242424; padding:0; margin:0; padding-bottom:16px; font-size:26px; font-weight:800; text-transform:uppercase; text-align:center; letter-spacing:1px; line-height:30px; } .spotlight > table{ margin-left:-2px; margin-right:-2px; position:relative; width:calc(100% + 4px); } .spotlight a[href] .pic{ -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; overflow:hidden; padding-top:100%; display:block; position:relative; margin-bottom:50px; } .spotlight a[href] .pic picture{ position:absolute; top:0; left:0; width:auto; height:100%; } .spotlight a[href] .pic picture img{ width:100%; height:auto; 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; } .spotlight a[href] .pic picture img:hover { transform:scale(1.06); } .spotlight a[href].zone-3 .pic{ padding-top:216%; } .spotlight a[href] .title{ position:absolute; z-index:0; color:#242424; height:30px; bottom:15px; overflow:hidden; text-align:center; width:100%; } .spotlight .title table tr td{ text-align:center; font-size:16px; line-height:26px; font-weight:600; position:relative; padding:0; color:#242424; } .spotlight a[href]{ text-decoration:none; position:relative; width:calc(100% - 4px); margin-left:2px; margin-right:2px; display:inline-block; } .spotlight a[href].zone-1, .spotlight a[href].zone-2, .spotlight a[href].zone-4, .spotlight a[href].zone-5{ } .spotlight a[href].zone-3{ } .spotlight .spot-tmpl-7 a[href].zone-1, .spotlight .spot-tmpl-7 a[href].zone-2{ float:none; width:calc(100% - 4px); } .spotlight .spot-tmpl-7 a[href] .pic picture{ width:100%; } .spotlight .spot-tmpl-5 a[href]{ float:none; width:calc(25% - 4px); margin-left:2px; margin-right:2px; } .spotlight .spot-tmpl-5 a[href].zone-3 .pic{ padding-top:100%; } .spotlight .spot-tmpl-5 a[href] .pic picture{ width:100%; } .spotlight .spot-tmpl-12{ overflow:hidden; } .spotlight .spot-tmpl-12 .inner-container{ overflow-x:auto; } .spotlight .spot-tmpl-12 .inner-container2{ white-space:nowrap; } .spotlight .spot-tmpl-12 a[href].spot-item{ float:none; width:calc(30% - 4px); margin-left:2px; margin-right:2px; position:relative; } .spotlight .spot-tmpl-12 a[href].spot-item .pic{ padding-top:100%; } .spotlight .spot-tmpl-14 a[href]{ float:none; width:calc(25% - 4px); margin-left:2px; margin-right:2px; } .spotlight .spot-tmpl-14 a[href] .pic{ -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; margin-bottom:0; margin-right:0 !important; } .spotlight .spot-tmpl-14 a[href].zone-3 .pic{ padding-top:100%; } .spotlight .spot-tmpl-14 a[href] .pic picture{ width:100%; } .spotlight .spot-tmpl-14 a[href] .title{ position:relative; bottom:auto; top:auto; height:auto; padding:6px 0; } .spotlight .spot-tmpl-14 a[href] .title table tr td{ font-size:19px; text-transform:uppercase; font-weight:800; letter-spacing:1px; } .spotlight .spot-tmpl-14 a[href] .description{ text-align:center; line-height:22px; color:#242424; font-size:14px; display:block; } .spotlight .spot-tmpl-14 a[href] .c2a{ text-align:center; padding-top:12px; padding-bottom:24px; } .spotlight .spot-tmpl-14 a[href] .c2a .btn-2019{ font-weight:800 !important; font-size:13px !important; } .textholder-two-columns-2 .spotlight a[href] .pic{ margin-bottom :35px; } .textholder-two-columns-2 .spotlight a[href] .title{ bottom:0; } @media only screen and (max-width:768px) { .spotlight a[href].zone-1, .spotlight a[href].zone-2, .spotlight a[href].zone-4, .spotlight a[href].zone-5, .spotlight a[href].zone-6, .spotlight a[href].zone-7, .spotlight a[href].zone-nn{ width:calc(50% - 4px); float:left; } .spotlight a[href].zone-3{ width:calc(50% - 4px); float:left; position:absolute; right:2px; margin-right:0; } .spotlight a[href].zone-1, .spotlight a[href].zone-2{ margin-right:50%; } .spotlight .zone-3-break{ clear:both; } .spotlight .spot-tmpl-7{ display:table; margin-left:-2px; margin-right:-2px; position:relative; width:calc(100% + 4px); } .spotlight .spot-tmpl-7 .col-1, .spotlight .spot-tmpl-7 .col-2{ display:table-cell; width:50%; } .spotlight .spot-tmpl-7 .col-1 a[href], .spotlight .spot-tmpl-7 .col-2 a[href]{ width:calc(100% - 4px); margin-right:2px; } .spotlight .spot-tmpl-5 a[href]{ margin-right:2px; position:relative; right:auto; } .spotlight .spot-tmpl-14 a[href]{ margin-right:2px; position:relative; right:auto; } } @media only screen and (min-width:769px) { .spotlight a[href].zone-1, .spotlight a[href].zone-2, .spotlight a[href].zone-4, .spotlight a[href].zone-5, .spotlight a[href].zone-6, .spotlight a[href].zone-7, .spotlight a[href].zone-nn{ width:calc(25% - 4px); float:left; } .spotlight a[href].zone-3{ width:calc(25% - 4px); float:left; position:absolute; right:2px; margin-right:0; } .spotlight a[href].zone-4{ margin-right:25%; } .spotlight .spot-tmpl-12 a[href].spot-item{ width:calc(18% - 4px); } } @media only screen and (max-width:480px) { .spotlight .spot-tmpl-14 a[href]{ margin-right:2px; position:relative; right:auto; width:calc(100% - 4px) } }