A one-stop sex toy shop

.wcps-container-1226 .wcps-ribbon { background-color: ; background-image: url(""); color: ; width: 90px; height: 24px; text-align: center; text-transform: uppercase; background-repeat: no-repeat; background-size: 100%; } jQuery(document).ready(function($) { $('#wcps-1226').slick({ adaptiveHeight: true, slidesToShow: 4, slidesToScroll: 4, responsive: [{ breakpoint: 1200, settings: { slidesToShow: 4, slidesToScroll: 4, nav: true, } }, { breakpoint: 768, settings: { slidesToShow: 4, slidesToScroll: 1, nav: true, } }, { breakpoint: 576, settings: { slidesToShow: 1, slidesToScroll: 1, nav: true, touchMove: true, swipeToSlide: true, } } ], gutter: 10, arrows: true, appendArrows: '.controlsWrap-1226', prevArrow: ``, nextArrow: ``, speed: 1500, autoplay: false, autoplaySpeed: 2000, dots: false, nav: true, navPosition: 'bottom', centerMode: false, draggable: true, touchMove: true, swipe: true, lazyLoad: false, rtl: false, }); $('#wcps-container-1226 .controlsWrap ').addClass('middle-fixed round'); $(document).on('change', '#wcps-1226 .wcps-items-cart .quantity ', function() { quantity = $(this).val(); $(this).next().attr('data-quantity', quantity); }) }); .wcps-container-1226 { position: relative; overflow: hidden; } .wcps-container-1226 .elements-wrapper img { max-width: 100%; height: auto; } /*ribbon position*/ .wcps-container-1226 .wcps-ribbon.topright { position: absolute; right: -25px; top: 15px; box-shadow: 0 2px 4px -1px rgb(51, 51, 51); transform: rotate(45deg); z-index: 10; } .wcps-container-1226 .wcps-ribbon.topleft { position: absolute; left: -25px; top: 15px; box-shadow: 0 2px 4px -1px rgb(51, 51, 51); transform: rotate(-45deg); z-index: 10; } .wcps-container-1226 .wcps-ribbon.bottomleft { position: absolute; left: -25px; bottom: 10px; box-shadow: 0 2px 4px -1px rgb(51, 51, 51); transform: rotate(45deg); z-index: 10; } .wcps-container-1226 .wcps-ribbon.bottomright { position: absolute; right: -24px; bottom: 10px; box-shadow: 0 2px 4px -1px rgb(51, 51, 51); transform: rotate(-45deg); z-index: 10; } .wcps-container-1226 .wcps-ribbon.none { display: none; } .wcps-container-1226 .slick-slide { margin: 10px; text-align: left; } @media only screen and (min-width: 0px) and (max-width: 767px) { .wcps-container-1226 .item { } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .wcps-container-1226 .item { } } @media only screen and (min-width: 1024px) { .wcps-container-1226 .item { } } .wcps-container-1226 .wcps-items { /*padding-top: 20px;*/ /*padding-bottom: 50px;*/ } .wcps-container-1226 .on-sale img { width: 30px; height: auto; box-shadow: none; display: inline-block; vertical-align: middle; } .wcps-container-1226 .on-sale.topright { position: absolute; right: 20px; top: 15px; z-index: 10; } .wcps-container-1226 .on-sale.topleft { position: absolute; left: 20px; top: 15px; z-index: 10; } .wcps-container-1226 .on-sale.bottomleft { position: absolute; left: 20px; bottom: 10px; z-index: 10; } .wcps-container-1226 .on-sale.bottomright { position: absolute; right: 20px; bottom: 10px; z-index: 10; } .wcps-container-1226 .featured-mark img { width: 30px; height: auto; box-shadow: none; display: inline-block; vertical-align: middle; } .wcps-container-1226 .featured-mark.topright { position: absolute; right: 20px; top: 15px; z-index: 10; } .wcps-container-1226 .featured-mark.topleft { position: absolute; left: 20px; top: 15px; z-index: 10; } .wcps-container-1226 .featured-mark.bottomleft { position: absolute; left: 20px; bottom: 10px; z-index: 10; } .wcps-container-1226 .featured-mark.bottomright { position: absolute; right: 20px; bottom: 10px; z-index: 10; } .wcps-container-1226 .slick-dots { text-align: center; width: 100%; margin: 30px 0 0; } .wcps-container-1226 .slick-dots li { display: inline-block; list-style: none; margin: 0; } .wcps-container-1226 .slick-dots button { border-radius: 20px; display: inline-block; height: 15px; margin: 5px 7px; width: 15px; outline: none; font-size: 0; line-height: 0; } .wcps-container-1226 .slick-dots .slick-active button, .wcps-container-1226 .slick-dots .slick-active:hover button { background: #1e6fcc; } .wcps-container-1226 .controlsWrap div { background: #1e6fcc; color: #ffffff; margin: 0 5px; outline: nonepadding: 5px 20px; cursor: pointer; display: inline-block; } .wcps-container-1226 .controlsWrap.topright { text-align: right; margin-bottom: 15px; } .wcps-container-1226 .controlsWrap.topleft { text-align: left; margin-bottom: 15px; } .wcps-container-1226 .controlsWrap.bottomleft { position: absolute; left: 15px; bottom: 15px; } .wcps-container-1226 .controlsWrap.bottomright { position: absolute; right: 15px; bottom: 15px; } .wcps-container-1226 .controlsWrap.middle-fixed { position: absolute; top: 50%; transform: translate(0, -50%); width: 100%; z-index: 99; } .wcps-container-1226 .controlsWrap.middle-fixed .next { float: right; } .wcps-container-1226 .controlsWrap.middle-fixed .-prev { float: left; } .wcps-container-1226 .controlsWrap.middle { position: absolute; top: 50%; transform: translate(0, -50%); width: 100%; z-index: 99; } .wcps-container-1226 .controlsWrap.middle .next { float: right; right: -20%; position: absolute; transition: all ease 1s 0s; } .wcps-container-1226:hover .controlsWrap.middle .next { right: 0; } .wcps-container-1226 .controlsWrap.middle .prev { left: -20%; position: absolute; transition: all ease 1s 0s; } .wcps-container-1226:hover .controlsWrap.middle .prev { left: 0; position: absolute; } .wcps-container-1226 .controlsWrap.flat div { padding: 5px 20px; border-radius: 0; } .wcps-container-1226 .controlsWrap.border div { padding: 5px 20px; border: 2px solid #777; } .wcps-container-1226 .controlsWrap.semi-round div { padding: 5px 20px; border-radius: 8px; } .wcps-container-1226 .controlsWrap.round div { border-radius: 50px; } .wcps-container-1226 .quantity { width: 45px; } .wcps-container #wcps-133{} .wcps-container #wcps-133 .wcps-items{} .wcps-container #wcps-133 .wcps-items-thumb{} .layout-1230 .element-1601471868675 { overflow: hidden; } @media only screen and (min-width: 1024px) { .layout-1230 .element-1601471868675 { } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .layout-1230 .element-1601471868675 { } } @media only screen and (min-width: 0px) and (max-width: 767px) { .layout-1230 .element-1601471868675 { } } .layout-1230 .element-1601472405314 { margin: ; } .layout-1230 .element-1601472405314 a { text-decoration: none; } .layout-1230 .element-1601471871868 { text-align: left; } .layout-1230 .element-1601471871868 a { } .layout-1230 .element-1601471890171 { text-align: left; }