.slick-slider { position: relative; direction: ltr; 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: static; display: block; overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer } .slick-slider .slick-track, .slick-slider .slick-list { 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-track style, .slick-track script, .slick-track link { display: none } .slick-slide { display: none; float: left; height: 100%; min-height: 1px } .cz_related_posts .slick-slide { margin: 0 5px } .slick-slide img { display: block; margin: 0 auto } .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 } .overflow_visible .slick-list { overflow: visible !important; clip-path: none !important; -webkit-clip-path: none !important } .overflow_visible .slick-slide, .is_center .slick-slide { opacity: .3; transform: scale(.92, .92); transition: all .8s ease !important } .overflow_visible .slick-active, .is_center .slick-center, .is_synced .slick-current { transform: scale(1, 1); opacity: 1 } .is_center .slick-center { position: relative; z-index: 1 } .odd_even .slick-slide:nth-child(odd) { margin-top: 30px !important } .even_odd .slick-slide:nth-child(even) { margin-top: 30px !important } button.slick-arrow { z-index: 1; box-shadow: none; font-size: 20px; text-align: center; color: #a7a7a7; background: transparent; border: 1px solid transparent; padding: 0; position: absolute; cursor: pointer; top: 0; left: 0; width: 2em; height: 2em; line-height: 2em; box-sizing: content-box; transition: all .2s ease-in-out } .slick-arrow:after { display: none } .no_arrows .slick-arrow, .no_dots .slick-dots { display: none !important } .slick-disabled { opacity: .3 } .arrows_inner .slick-arrow { margin: 0 10px } .arrows_tl .slick-arrow {transform: translate(0, -110%)} .arrows_tl .slick-next {transform: translate(110%, -110%)} .arrows_inner.arrows_tl .slick-arrow {transform: translate(10%, 10%)} .arrows_inner.arrows_tl .slick-next {transform: translate(120%, 10%)} .arrows_tc .slick-arrow {left: 50%;transform: translate(-105%, -110%)} .arrows_tc .slick-next {transform: translate(5%, -110%)} .arrows_inner.arrows_tc .slick-arrow {transform: translate(-120%, 10%)} .arrows_inner.arrows_tc .slick-next {transform: translate(-10%, 10%)} .arrows_tr .slick-arrow { right: 0; left: auto; transform: translate(-110%, -110%) } .arrows_tr .slick-next {transform: translate(0, -110%)} .arrows_inner.arrows_tr .slick-arrow {transform: translate(-120%, 10%)} .arrows_inner.arrows_tr .slick-next {transform: translate(-10%, 10%)} .arrows_tlr .slick-arrow {transform: translate(0, -110%)} .arrows_tlr .slick-next { left: auto; right: 0; transform: translate(0, -110%) } .arrows_inner.arrows_tlr .slick-arrow {transform: translate(10%, 10%)} .arrows_inner.arrows_tlr .slick-next {transform: translate(-10%, 10%)} .arrows_mlr .slick-arrow { top: 50%; transform: translate(-110%, -50%); } .arrows_mlr .slick-next { left: auto; right: 0; transform: translate(110%, -50%) } .arrows_inner.arrows_mlr .slick-arrow {transform: translate(10%, -50%)} .arrows_inner.arrows_mlr .slick-next {transform: translate(-10%, -50%)} .arrows_blr .slick-arrow { top: auto; bottom: 0; transform: translate(0, 110%) } .arrows_blr .slick-next { left: auto; right: 0; transform: translate(0, 110%) } .arrows_inner.arrows_blr .slick-arrow {transform: translate(10%, -10%)} .arrows_inner.arrows_blr .slick-next {transform: translate(-10%, -10%)} .arrows_bl .slick-arrow { top: auto; bottom: 0; transform: translate(0, 110%) } .arrows_bl .slick-next { top: auto; bottom: 0; transform: translate(110%, 110%) } .arrows_inner.arrows_bl .slick-arrow {transform: translate(10%, -10%)} .arrows_inner.arrows_bl .slick-next {transform: translate(120%, -10%)} .arrows_bc .slick-arrow { top: auto; bottom: 0; left: 50%; transform: translate(-105%, 110%) } .arrows_bc .slick-next {transform: translate(5%, 110%)} .arrows_inner.arrows_bc .slick-arrow {transform: translate(-120%, -10%)} .arrows_inner.arrows_bc .slick-next {transform: translate(-10%, -10%)} .arrows_br .slick-arrow { top: auto; left: auto; bottom: 0; right: 0; transform: translate(-110%, 110%) } .arrows_br .slick-next {transform: translate(0, 110%)} .arrows_inner.arrows_br .slick-arrow {transform: translate(-120%, -10%)} .arrows_inner.arrows_br .slick-next {transform: translate(-10%, -10%)} ul.slick-dots { position: absolute; bottom: -40px; display: block; width: 100%; text-align: center; margin: 0 auto !important; padding: 0 !important; list-style: none } .dots_show_on_hover .slick-dots, .arrows_show_on_hover .slick-arrow { opacity: 0; transition: all .2s ease-in-out } .dots_show_on_hover:hover .slick-dots, .arrows_show_on_hover:hover .slick-arrow { opacity: 1 } .dots_inner .slick-dots { bottom: 20px } .slick-dots li { display: inline-block; margin: 0 2px } .slick-dots li button { padding: 2px 8px; font-size: 0; display: block; cursor: pointer; border: 0; color: initial; background: #a7a7a7; opacity: .3; width: 1em; height: 1em; transition: all .2s ease-in-out } .slick-dots li button:after { display: none } li.slick-active button, .slick-dots li button:hover { padding: 2px 12px; opacity: 1 } .dots_tc .slick-dots { bottom: auto; top: -50px } .dots_tl .slick-dots, .dots_tr .slick-dots { bottom: auto; top: -50px; text-align: left } .dots_inner.dots_tc .slick-dots, .dots_inner.dots_tl .slick-dots, .dots_inner.dots_tr .slick-dots { bottom: auto; top: 20px } .dots_bc, .dots_br, .dots_bl { margin-bottom: 40px } .dots_tr .slick-dots, .dots_br .slick-dots { text-align: right } .dots_bl .slick-dots { text-align: left } .dots_vtl .slick-dots, .dots_vbl .slick-dots, .dots_vml .slick-dots { bottom: auto; top: 20px; left: -60px; width: 40px; text-align: right } .dots_inner.dots_vtl .slick-dots, .dots_inner.dots_vbl .slick-dots, .dots_inner.dots_vml .slick-dots { left: 20px } .dots_vtl .slick-dots li, .dots_vbl .slick-dots li, .dots_vml .slick-dots li { display: block; margin: -10px 0 } .dots_vtl .slick-dots li button, .dots_vbl .slick-dots li button, .dots_vml .slick-dots li button { display: inline-block } .dots_vtr .slick-dots, .dots_vbr .slick-dots, .dots_vmr .slick-dots { bottom: auto; top: 20px; right: -60px; width: 40px; text-align: left } .widget .dots_vtr .slick-dots { right: -45px; top: 0 } .dots_inner.dots_vtr .slick-dots, .dots_inner.dots_vbr .slick-dots, .dots_inner.dots_vmr .slick-dots { right: 20px } .dots_vtr .slick-dots li, .dots_vbr .slick-dots li, .dots_vmr .slick-dots li { display: block; margin: -10px 0 } .dots_vml .slick-dots { top: 40% } .dots_vbl .slick-dots, .dots_vbr .slick-dots { top: auto; bottom: 20px } .dots_vtr .slick-dots li button, .dots_vbr .slick-dots li button, .dots_vmr .slick-dots li button { display: inline-block } .dots_vmr .slick-dots { top: 40% } .dots_circle .slick-dots li button { padding: 5px; border-radius: 100% } .dots_circle_2 .slick-dots li { margin: 0 8px } .dots_circle_2 .slick-dots li button { padding: 3px; border-radius: 100% } .dots_circle_2 li.slick-active button, .dots_circle_2 .slick-dots li button:hover { transform: scale(2) } .dots_circle_outline .slick-dots li button { padding: 4px; border-radius: 100%; border: 2px solid; background: none !important } .dots_circle_outline .slick-dots li button:before { display: none } .dots_square .slick-dots li button { padding: 6px } .dots_lozenge .slick-dots li button { padding: 6px; transform: rotate(45deg) } .dots_tiny_line .slick-dots li button { padding: 1px 10px } .dots_tiny_line li.slick-active button { padding: 1px 16px } .dots_drop .slick-dots li button { padding: 6px; border-radius: 0 20px 20px; transform: rotate(45deg) } .cz_related_posts .dots_tr .slick-dots { top: -68px } .slick .slick-track { display: none } .slick-initialized .slick-track { display: block } .slick li.product { width: 100% !important; margin: 0 !important } .slick.slick_sync .slick-slide { transform: scale(1, 1); margin: 0 } .slick .cz_grid_p { margin-left: 0 !important; margin-right: 0 !important } .slick .cz_grid_item > div { margin: 0 !important } .overflow_visible .slick-list { clip-path: none !important; -webkit-clip-path: none !important } .rtl .slick-slide { direction: rtl } @media screen and (max-width:768px) { .slick-slide .cz_grid_item { width:100% !important; margin:0 auto !important; float:none !important; display: table !important } } @media screen and (max-width:480px) { .slick-slider:not(.cz_ticker) .slick-list { overflow: visible; clip-path: none !important; -webkit-clip-path: none !important; transform: scale(.9) !important } .slick-slider:not(.cz_ticker) .slick-slide { margin: 0 10px !important } .slick-slider:not(.cz_ticker) .slick-slide:not(.slick-active,.slick-current) { pointer-events: none; cursor: pointer; transform: none !important } .xtra-slick-vertical .slick-list { overflow: hidden !important } }