/* sliders ---------------------- */ .slick-slider{position: relative;display: block;box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer;cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track{position: relative;top: 0;left: 0;display: block;} .slick-track:before, .slick-track:after{display: table;content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{display: none;float: left;height: 100%;min-height: 1px;} [dir='rtl'] .slick-slide{float: right;} .slick-slide img{display: block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;} .slick-arrow.slick-hidden {display: none;} .bg--shop { background: #dadee7; } .shop-nav-wrapper { height: 100%; } .shop-logo { margin: 10px auto; padding: 10px 20px; text-align: center; display: block; overflow: hidden; width: 100%; position: relative; display: flex; align-items: center; max-width: 250px; max-height: 140px; } .shop-logo img { max-height: 100%; } .shop-nav {} .shop-nav li { display: block; border-top: solid 1px var(--border-color); } .shop-nav li a { color: inherit; display: block; padding: 15px 15px; text-transform: uppercase; } .shops-sliders { position: relative; } .shops-sliders img { margin: 0 auto; } .shops-sliders .slick-arrow { position: absolute; top: 50%; margin-top: -30px; background-color: rgba(255, 255, 255, 0.6); width: 60px; height: 60px; border-radius: 50%; border: none; text-indent: -999999px; z-index: 1; } .shops-sliders .slick-arrow:hover { background-color: rgba(255, 255, 255, 1); } .shops-sliders .slick-prev, .shops-sliders .slick-next {} .shops-sliders .slick-prev:after, .shops-sliders .slick-next:after { content: ""; border-right: 2px solid black; border-bottom: 2px solid black; width: 10px; height: 10px; transform: rotate(-45deg); position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -5px; } .shops-sliders .slick-prev:after { transform: rotate(135deg); margin-left: -3px; } .shops-sliders .slick-prev { left: 10px; } .shops-sliders .slick-next { right: 10px; } @media only screen and (max-width: 992px) { .shop-nav-wrapper { border: none; display: flex; margin-bottom: 15px; height: auto; } .shop-logo { max-width: 150px; height: auto; } .shop-nav { flex: 1; } .shop-nav ul { display: flex; } .shop-nav li { border: none; } } @media only screen and (max-width: 767px) { .shop-nav-wrapper { flex-direction: column; } .shop-nav ul { flex-direction: column; }.shop-nav li{ border-top:solid 1px var(--border-color);} }