@charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: ''; } [dir='rtl'] .slick-prev:before { content: ''; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { /* content: ''; */ background: url('/local/templates/arkonoptics/img/swiper-arrow-down.svg')no-repeat; width: 50px; height: 50px; } [dir='rtl'] .slick-next:before { content: ''; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } .reviews .slick-dots li button:before, .special-block .slick-dots li button:before, .preview-series .slick-dots li button:before, .product-category-series .slick-dots li button:before, .items-angles .slick-dots li button:before, .series-item-swiper .slick-dots li button:before, .row .slick-dots li button:before, .video-content .slick-dots li button:before { font-size: 14px; color: #47647A; } .reviews .slick-dots li.slick-active button:before, .special-block li.slick-active button:before, .preview-series li.slick-active button:before, .product-category-series li.slick-active button:before, .items-angles li.slick-active button:before, .series-item-swiper .slick-dots li button:before, .row .slick-dots li button:before, .video-content li.slick-active button:before { color: #D4DBE1; } .product-category-series li { display: table-cell; } .product-category-series .slick-dots { bottom: 0; left: 200px; } .reviews .slick-dots { bottom: -40px; } .preview-series .slick-dots { bottom: -55px; left: -105px; } .slick-prev.castomize { margin: 0; position: absolute; top: -70px; left: 335px; } .slick-next.castomize { top: 370px; left: 340px; } .category-block .slick-prev, .category-block .slick-next { position: unset; margin: auto; z-index: 10; } .product-category-item div { display: flex; justify-content: center; } .category-block .slick-prev { background: url(/local/templates/arkonoptics/img/swiper-arrow.svg) no-repeat; width: 50px; height: 50px; margin-bottom: -50px; } .series-item-swiper .slick-prev, .items-angles .slick-prev { background: url(/local/templates/arkonoptics/img/swiper-arrow.svg) no-repeat; width: 50px; transform: rotate(-90deg); } .series-item-swiper .slick-next, .items-angles .slick-next { background: url(/local/templates/arkonoptics/img/swiper-arrow.svg) no-repeat; width: 50px; transform: rotate(90deg); z-index: 50; } .category-block .slick-next { background: url(/local/templates/arkonoptics/img/swiper-arrow-down.svg) no-repeat; width: 50px; height: 50px; margin-top: 30px; } .advantages-text-block .slick-prev { background: url(/local/templates/arkonoptics/img/swiper-arrow-down-light.svg) no-repeat; width: 50px; opacity: 0.3; } .advantages-text-block .slick-next { background: url(/local/templates/arkonoptics/img/swiper-arrow-light.svg) no-repeat; width: 50px; opacity: 0.3; } .category-block .slick-arrow.slick-disabled { opacity: 0.2; } .product-category-item.slick-slide { width: 312px; height: 141px; } .advantages-box.series-page .slick-track { display: grid; align-items: center; } .advantages-box.series-page .slick-list { height: 175px; } .questions-swiper .slick-current.slick-center, .media-articles .slick-current.slick-center { background: #16171D; border-radius: 20px 0 0 20px; } .questions-swiper .slick-current.slick-center .article-date a, .media-articles .slick-current.slick-center .article-date a{ color: #C6CF4F; } body.day.media-page .questions-swiper .slick-current.slick-center, body.day.media-page .media-articles .slick-current.slick-center { background: #FFFFFF; } .questions-swiper .slick-current.slick-center a, .media-articles .slick-current.slick-center a { opacity: 1; color: #FFFFFF; } .questions-swiper .slick-prev, .media-articles .slick-prev { background: url(/local/templates/arkonoptics/img/swiper-arrow-light.svg) no-repeat; width: 50px; transform: rotate(0deg); left: 205px; top: -45px; } .questions-swiper .slick-prev, .media-articles .slick-prev {top: 19px} .questions-swiper .slick-next, .media-articles .slick-next { background: url(/local/templates/arkonoptics/img/swiper-arrow-light.svg) no-repeat; width: 50px; transform: rotate(180deg); z-index: 8; right: 205px; top: 429px; } .questions-swiper .slick-next {top: auto; bottom: 19px} .media-articles .slick-next { top: auto; bottom: 19px; } .media-articles .slick-next.slick-disabled, .media-articles .slick-prev.slick-disabled { opacity: 0.3; } .advantages-box.support-page .slick-list{ display: flex; align-items: center; } .slick-dots>li:only-child { display: none; } @media screen and (max-width: 1160px) { .advantages-text-block .slick-prev, .advantages-text-block .slick-next { opacity: 1.3; } .preview-series .slick-dots { bottom: 50px; left: -80px; } .product-category-series .slick-dots { bottom: 95px; } .category-block .slick-prev { margin-bottom: -67px; } .category-block .slick-next { margin-top: 10px; } .questions-swiper .slick-prev, .media-articles .slick-prev { left: calc(50% - 10px); } .questions-swiper .slick-next, .media-articles .slick-next { right: calc(50% - 20px);} .media-articles .slick-next { left: calc(50% - 17px); right: auto; top: auto;} .media-articles .slick-prev { left: calc(50% - 10px);} } @media screen and (max-width: 845px) { .series-item-for-category .slick-prev { left: 58px; z-index: 10; } .series-item-for-category .slick-next { right: 0px; } } @media screen and (max-width: 800px) { .catalog-category-block .slick-prev { background: url(/local/templates/arkonoptics/img/swiper-arrow.svg) no-repeat; width: 50px; transform: rotate(-90deg); left: 52px; z-index: 50; } .catalog-category-block .slick-next { background: url(/local/templates/arkonoptics/img/swiper-arrow.svg) no-repeat; width: 50px; transform: rotate(90deg); right: 50px; } } @media screen and (max-width: 615px) { .slick-prev.castomize { top: -30px; left: 165px; } .slick-next.castomize { top: 493px; left: 165px; z-index: 10; } .advantages-text-block .slick-prev, .advantages-text-block .slick-next { opacity: 1; } .category-block .slick-prev, .category-block .slick-next { position: absolute; left: 25px; top: 75px; } .category-block .slick-prev { transform: rotate(-90deg); z-index: 10; } .category-block .slick-next { right: -277px; transform: rotate(270deg); } .product-category-series .slick-dots { left: 160px; bottom: 48px; } .category-block .slick-next { margin-top: 0; } .product-series .slick-track{ margin-top: 25px; } .catalog-category-block .slick-prev { background: url(/local/templates/arkonoptics/img/swiper-arrow.svg) no-repeat; width: 50px; transform: rotate(-90deg); left: 52px; z-index: 50; } .catalog-category-block .slick-next { background: url(/local/templates/arkonoptics/img/swiper-arrow.svg) no-repeat; width: 50px; transform: rotate(90deg); right: 50px; } .category-item { margin-right: 0; } }