/** Ion.RangeSlider, 2.3.0 © Denis Ineshin, 2010 - 2018, IonDen.com Build date: 2018-12-12 00:07:25 */ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 12px; font-family: Arial, sans-serif; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-handle { position: absolute; display: block; box-sizing: border-box; cursor: default; z-index: 1; } .irs-handle.type_last { z-index: 2; } .irs-min, .irs-max { position: absolute; display: block; cursor: default; } .irs-min { left: 0; } .irs-max { right: 0; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0); z-index: 2; } .lt-ie9 .irs-disable-mask { background: #000; filter: alpha(opacity=0); cursor: not-allowed; } .irs-disabled { opacity: 0.4; } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } .irs--flat { height: 40px; } .irs--flat.irs-with-grid { height: 60px; } .irs--flat .irs-line { top: 25px; height: 12px; background-color: #e1e4e9; border-radius: 4px; } .irs--flat .irs-bar { top: 25px; height: 12px; background-color: #ed5565; } .irs--flat .irs-bar--single { border-radius: 4px 0 0 4px; } .irs--flat .irs-shadow { height: 1px; bottom: 16px; background-color: #e1e4e9; } .irs--flat .irs-handle { top: 22px; width: 16px; height: 18px; background-color: transparent; } .irs--flat .irs-handle > i:first-child { position: absolute; display: block; top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; background-color: #da4453; } .irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child { background-color: #a43540; } .irs--flat .irs-min, .irs--flat .irs-max { top: 0; padding: 1px 3px; color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; background-color: #e1e4e9; border-radius: 4px; } .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single { color: white; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #ed5565; border-radius: 4px; } .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #ed5565; } .irs--flat .irs-grid-pol { background-color: #e1e4e9; } .irs--flat .irs-grid-text { color: #999; } .irs--big { height: 55px; } .irs--big.irs-with-grid { height: 70px; } .irs--big .irs-line { top: 33px; height: 12px; background-color: white; background: linear-gradient(to bottom, #ddd -50%, white 150%); border: 1px solid #ccc; border-radius: 12px; } .irs--big .irs-bar { top: 33px; height: 12px; background-color: #92bce0; border: 1px solid #428bca; background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5); } .irs--big .irs-bar--single { border-radius: 12px 0 0 12px; } .irs--big .irs-shadow { height: 1px; bottom: 16px; background-color: rgba(66, 139, 202, 0.5); } .irs--big .irs-handle { top: 25px; width: 30px; height: 30px; border: 1px solid rgba(0, 0, 0, 0.3); background-color: #cbcfd5; background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white; border-radius: 30px; } .irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover { border-color: rgba(0, 0, 0, 0.45); background-color: #939ba7; background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%); } .irs--big .irs-min, .irs--big .irs-max { top: 0; padding: 1px 5px; color: white; text-shadow: none; background-color: #9f9f9f; border-radius: 3px; } .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { color: white; text-shadow: none; padding: 1px 5px; background-color: #428bca; background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%); border-radius: 3px; } .irs--big .irs-grid-pol { background-color: #428bca; } .irs--big .irs-grid-text { color: #428bca; } .irs--modern { height: 55px; } .irs--modern.irs-with-grid { height: 55px; } .irs--modern .irs-line { top: 25px; height: 5px; background-color: #d1d6e0; background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%); border: 1px solid #a3adc1; border-bottom-width: 0; border-radius: 5px; } .irs--modern .irs-bar { top: 25px; height: 5px; background: #20b426; background: linear-gradient(to bottom, #20b426 0%, #18891d 100%); } .irs--modern .irs-bar--single { border-radius: 5px 0 0 5px; } .irs--modern .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(209, 214, 224, 0.5); } .irs--modern .irs-handle { top: 37px; width: 12px; height: 13px; border: 1px solid #a3adc1; border-top-width: 0; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); border-radius: 0 0 3px 3px; } .irs--modern .irs-handle > i:nth-child(1) { position: absolute; display: block; top: -4px; left: 1px; width: 6px; height: 6px; border: 1px solid #a3adc1; background: white; transform: rotate(45deg); } .irs--modern .irs-handle > i:nth-child(2) { position: absolute; display: block; box-sizing: border-box; top: 0; left: 0; width: 10px; height: 12px; background: #e9e6e6; background: linear-gradient(to bottom, white 0%, #e9e6e6 100%); border-radius: 0 0 3px 3px; } .irs--modern .irs-handle > i:nth-child(3) { position: absolute; display: block; box-sizing: border-box; top: 3px; left: 3px; width: 4px; height: 5px; border-left: 1px solid #a3adc1; border-right: 1px solid #a3adc1; } .irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover { border-color: #7685a2; background: #c3c7cd; background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%); } .irs--modern .irs-handle.state_hover > i:nth-child(1), .irs--modern .irs-handle:hover > i:nth-child(1) { border-color: #7685a2; } .irs--modern .irs-handle.state_hover > i:nth-child(3), .irs--modern .irs-handle:hover > i:nth-child(3) { border-color: #48536a; } .irs--modern .irs-min, .irs--modern .irs-max { top: 0; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; color: white; background-color: #d1d6e0; border-radius: 5px; } .irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single { font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #20b426; color: white; border-radius: 5px; } .irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #20b426; } .irs--modern .irs-grid { height: 25px; } .irs--modern .irs-grid-pol { background-color: #dedede; } .irs--modern .irs-grid-text { color: silver; font-size: 13px; } .irs--sharp { height: 50px; font-size: 12px; line-height: 1; } .irs--sharp.irs-with-grid { height: 57px; } .irs--sharp .irs-line { top: 30px; height: 2px; background-color: black; border-radius: 2px; } .irs--sharp .irs-bar { top: 30px; height: 2px; background-color: #ee22fa; } .irs--sharp .irs-bar--single { border-radius: 2px 0 0 2px; } .irs--sharp .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(0, 0, 0, 0.5); } .irs--sharp .irs-handle { top: 25px; width: 10px; height: 10px; background-color: #a804b2; } .irs--sharp .irs-handle > i:first-child { position: absolute; display: block; top: 100%; left: 0; width: 0; height: 0; border: 5px solid transparent; border-top-color: #a804b2; } .irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover { background-color: black; } .irs--sharp .irs-handle.state_hover > i:first-child, .irs--sharp .irs-handle:hover > i:first-child { border-top-color: black; } .irs--sharp .irs-min, .irs--sharp .irs-max { color: white; font-size: 14px; line-height: 1; top: 0; padding: 3px 4px; opacity: 0.4; background-color: #a804b2; border-radius: 2px; } .irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 4px; background-color: #a804b2; color: white; border-radius: 2px; } .irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #a804b2; } .irs--sharp .irs-grid { height: 25px; } .irs--sharp .irs-grid-pol { background-color: #dedede; } .irs--sharp .irs-grid-text { color: silver; font-size: 13px; } .irs--round { height: 50px; } .irs--round.irs-with-grid { height: 65px; } .irs--round .irs-line { top: 36px; height: 4px; background-color: #dee4ec; border-radius: 4px; } .irs--round .irs-bar { top: 36px; height: 4px; background-color: #006cfa; } .irs--round .irs-bar--single { border-radius: 4px 0 0 4px; } .irs--round .irs-shadow { height: 4px; bottom: 21px; background-color: rgba(222, 228, 236, 0.5); } .irs--round .irs-handle { top: 26px; width: 24px; height: 24px; border: 4px solid #006cfa; background-color: white; border-radius: 24px; box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3); } .irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover { background-color: #f0f6ff; } .irs--round .irs-min, .irs--round .irs-max { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1); border-radius: 4px; } .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: #006cfa; color: white; border-radius: 4px; } .irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #006cfa; } .irs--round .irs-grid { height: 25px; } .irs--round .irs-grid-pol { background-color: #dedede; } .irs--round .irs-grid-text { color: silver; font-size: 13px; } .irs--square { height: 50px; } .irs--square.irs-with-grid { height: 60px; } .irs--square .irs-line { top: 31px; height: 4px; background-color: #dedede; } .irs--square .irs-bar { top: 31px; height: 4px; background-color: black; } .irs--square .irs-shadow { height: 2px; bottom: 21px; background-color: #dedede; } .irs--square .irs-handle { top: 25px; width: 16px; height: 16px; border: 3px solid black; background-color: white; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover { background-color: #f0f6ff; } .irs--square .irs-min, .irs--square .irs-max { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1); } .irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: black; color: white; } .irs--square .irs-grid { height: 25px; } .irs--square .irs-grid-pol { background-color: #dedede; } .irs--square .irs-grid-text { color: silver; font-size: 11px; } .product-gallery { position: relative; border: 1px solid rgba(0,0,0,0.1); } .slider-for img { margin: 0 auto; max-width: 100%; height: auto; } .slider-nav { position: relative; } .slider-nav .slick-list { max-width: 520px; margin: 0 auto; text-align: center; } .slider-nav .thumb { border: solid 1px var(--border-color); margin: 10px 15px; text-align: center; } .slider-nav .thumb img { max-width: 100%; margin: 0 auto; } .slider-nav .slick-arrow { position: absolute; top: 50%; margin-top: -20px; background-color: rgba(0, 0, 0, 0.15); width: 40px; height: 40px; border-radius: 50%; border: none; text-indent: -999999px; z-index: 1; } .slider-nav .slick-arrow:hover { background-color: var(--first-color); } .slider-nav .slick-prev, .slider-nav .slick-next {} .slider-nav .slick-prev:after, .slider-nav .slick-next:after { content: ""; border:none; border-right: 2px solid #fff; border-bottom: 2px solid #fff; width: 10px; height: 10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -5px; } .slider-nav .slick-arrow:before{display:none;} .slider-nav .slick-prev:after { -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-left: -3px; } .slider-nav .slick-prev { left: 0%; } .slider-nav .slick-next { right: 0%; } /**/ .product-detail { /*border-left: solid 1px var(--border-color);*/ } .select-color { margin: 10px 0; } .select-color li { /*display: inline-block; vertical-align: middle; border: dashed 1px var(--border-color); font-size: 16px; text-align: center; color: #000; font-weight: 600; cursor: pointer; padding: 5px;*/ } .select-color li.not--available { opacity: 0.45; } .select-color li.not--available:hover { border-color: inherit; } .select-color li span { display: block; width: 20px; height: 20px; } .select-color li.is--active { border-style: solid; border-color: var(--first-color); color: var(--first-color); } .select-color li.is--active a { color: inherit; } .select-color li:hover { border-color: var(--first-color); } .select-size { margin: 10px 0; } .select-size li { /*display: inline-block; vertical-align: middle; border: dashed 1px var(--border-color); font-size: 16px; text-align: center; cursor: pointer; padding: 5px;*/ } .select-size li span { display: block; /*	width: 20px;*/ height: 20px; } .select-size li a { color: var(--txt-color-light); } .select-size li.is--active { border-style: solid; border-color: var(--first-color); color: var(--first-color); } .select-size li.is--active a { color: inherit; } .select-size li:hover { border-color: var(--first-color); } .detail_head { position: relative; } .detail_head .item-yk-head { height: auto; } .detail_head.item-yk .item-yk-head-title { font-size: 1.25em; max-width: 80%; white-space: normal; } .detail_head.item-yk .item-yk_rating { margin: 0 0 10px 0; } .detail_head.item-yk .collections-ui { bottom: auto; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .detail_head.item-yk .product_price { font-size: 2.25em; } .detail_head.item-yk .bullet-list li { display: inline-block; width: 49%; vertical-align: top; } .detail_head.item-yk .bullet-list li.link_li:before { content: normal; font-weight: 600; } .detail_head.item-yk .bullet-list li.link_li a { color: var(--second-color); font-weight: 600; } .buy-group .btn { margin: 10px 10px 10px 0; font-size: 1.3em; padding: 10px 25px; height: auto; } .buy-group .btn i { margin-right: 5px; } .cart-offer { background: #fff8da; color: var(--txt-color); font-weight: 300; line-height: 1.5; } .ftshops.seller--info .ftshops_item_head_left, .ftshops.seller--info .ftshops_item_head_right { padding: 20px 0; } .ftshops.seller--info .ftshops_item_head { border-bottom: none; } /* cms-editor style */ .cms-editor { padding: 0; width: 100%; overflow: hidden; } .cms-editor h1 { font-size: 1.8em; color: inherit; padding: 0 0 15px 0; font-weight: 600; line-height: 1; } .cms-editor h2 { font-size: 1.3em; color: var(--txt-color); padding: 10px 0; font-weight: 600; line-height: 1; } .cms-editor h3 { font-size: 1.2em; color: inherit; padding: 0 0 10px 0; font-weight: 600; } .cms-editor h4 { color: #727272; padding: 0 0 10px 0; font-weight: 600; } .cms-editor h5 { color: inherit; padding: 0 0 5px 0; font-weight: 600; } .cms-editor h6 { color: inherit; padding: 0 0 10px 0; font-weight: 600; } .cms-editor p { padding: 0 0 15px 0; line-height: 1.5; } .cms-editor p a {} .cms-editor p a:hover { color: #000; } .cms-editor p strong {} .cms-editor ul { margin: 0 0 15px 0; padding: 0; display: inline-block; width: 100%; } .cms-editor ul li { list-style: inside; position: relative; padding: 0 20px 15px 20px; font-size: 15px; } /* .cms-editor ul li:before { content: ""; width: 8px; height: 8px; border-radius: 30px; background: #585757; left: 0; top: 6px; position: absolute; }*/ .cms-editor ol { margin: 0 0 15px 0; padding: 0; display: inline-block; width: 100%; } .cms-editor ol li { list-style: decimal inside; font-size: 15px; color: #485458; margin: 0; padding: 0 0 10px 0; } .cms-editor .leftImg { float: left; margin: 0 20px 20px 0; padding: 4px; border: 1px solid #c6c6c6; border-bottom: 3px solid #c6c6c6; } .cms-editor .rightImg { float: right; margin: 0 0 20px 30px; padding: 4px; border: 1px solid #c6c6c6; border-bottom: 3px solid #c6c6c6; } .cms-editor img { border: 1px solid #c6c6c6; } .cms-editor .pcards { margin: 0 6px 0 0; } .cms-editor table { width: 100%; } .cms-editor table tr { border-bottom: solid 1px var(--border-color); } .cms-editor table tr:last-child { border: none; } .cms-editor table th { background: #ededed; color: #000; font-weight: 300; } .cms-editor table tr th, .cms-editor table tr td { vertical-align: top; padding: 10px 15px; } .cms-editor table tr td:first-child { background: #f7f7f7; width: 30%; } .cms-editor table img { max-width: 100%; } .videowrap iframe { width: 100%; } .rating-circle { width: 180px; height: 180px; border: solid 1px var(--border-color); display: block; border-radius: 50%; text-align: center; vertical-align: middle; } .rating-circle .item-yk_rating { display: block; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: relative; height: auto; } .rating-circle .item-yk_rating .svg { height: auto; width: auto; } .rating-circle .item-yk_rating .svg svg { width: 36px; height: auto; } .rating-circle .item-yk_rating .rate { font-size: 3em; font-weight: 600; display: block; } .have-you { background: #f8f8f8; padding: 20px; text-align: center; } /* ul.tabs-js { overflow: hidden; }ul.tabs-js li { display: inline-block; } ul.tabs-js li a { position: relative; display: block; padding: 0; margin: 0 25px; text-align: center; color: #808080; } ul.tabs-js li:first-child a { padding-left: 0; margin-left: 0; } ul.tabs-js li:last-child a { padding-right: 0; margin-right: 0; } ul.tabs-js li a:hover { color: var(--second-color); } ul.tabs-js li a.active { color: var(--second-color); font-weight: 600; }*/ .tabs-content { padding: 20px 0; } .tabs-content .tab-item { display: none; } .helpfull { margin-bottom: 50px; } .avatar { display: block; border-radius: 50%; overflow: hidden; margin: 0; } .avatar.avatar--92 { width: 92px; height: 92px; } .avatar img { border-radius: 50%; max-width: 100%; } .user-detail {} .user-detail .by-name { color: #808080; font-size: 0.9em; line-height: 1.5; } .verified { text-align: right; } .yes-no { margin: 15px 0; } .yes-no li { display: inline-block; color: #b2b2b2; vertical-align: top; margin-left: 15px; } .yes-no li a { color: inherit; display: block; font-weight: 300; font-size: 0.8em; } .yes-no li img { display: inline-block; vertical-align: top; } .search-question { background: #f7f7f7; } .search-question input[type="text"] { border: none; background: none; border-radius: 0; width: calc(100% - 59px); vertical-align: top; } .search-question input[type="submit"] { border: none; background: url(images/retina/search.svg) no-repeat center; border-radius: 0; width: 49px; height: 40px; vertical-align: top; } .faq-list {} .faq-list .yes-no { float: right; } .qs-ans li { position: relative; margin: 10px; display: block; } .qs-ans li.question span, .qs-ans li.answer span { color: #b2b2b2; font-weight: 600; display: inline-block; width: 126px; float: left; } .qs-ans li.question { font-size: 1.2em; font-weight: 600; } .qs-ans li p { margin-left: 126px; } .social-networks { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: all .4s ease; transition: all .4s ease; /* stops flickering */ -webkit-backface-visibility: hidden; position: absolute; z-index: 1; left: auto; top: 100%; background: #fff; -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.2); border-radius: 5px; padding: 10px; } .social-networks.open-menu, .no-js .social-networks { -webkit-transform: scale(1) translateX(0%); transform: scale(1) translateX(0%); opacity: 1; } .social-networks ul { display: inline-block; white-space: nowrap; text-align: center; } .social-networks ul li:first-child { padding-right: 0; } .free-delivery { line-height: 50px; } .fixed__panel .stick { position: fixed; width: 310px; } .detail_head.item-yk .collection-wrapper .collection__container { top: 100%; bottom: auto; } .detail_head.item-yk .collection-wrapper .collection__container.open-menu { -webkit-transform: scale(1) translateY(10px); transform: scale(1) translateY(10px); } .form__group--qty { border: solid 1px var(--border-color); padding: 15px 20px; width: auto; display: block; /*display: inline-block;*/ } .qty__value .item__price { font-size: 1em; font-weight: normal; display: block; color: #000; } .qty__value .item__price--old { font-size: 1em; font-weight: normal; text-decoration: line-through; } .selector-container { margin: 0 0 0 -5px; overflow: hidden; } .selector--qty { padding: 0 27px 0 0; position: relative; } .selector--qty li { margin: 0; } .selector--qty  .slick-track{ display: -webkit-box; display: -ms-flexbox; display: flex; } .selector--qty.slick-initialized .slick-slide{ display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .selector--qty .qty__value { display: block; background: #f9f9f9; display: block; margin: 5px; padding: 20px; height:100%; } .selector--qty .slick-arrow { position: absolute; width: 30px; height: 30px; cursor: pointer; } .selector--qty .slick-arrow:active { background: rgba(0, 0, 0, 0.05); } .selector--qty .slick-arrow.slick-next { right: -5px; top: 5px; } .selector--qty .slick-arrow.slick-next:before { position: absolute; left: 8px; top: 10px; content: ""; width: 10px; height: 10px; border-right: 2px solid #333; border-bottom: 2px solid #333; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } .selector--qty .slick-arrow.slick-prev { right: -5px; bottom: 5px; } .selector--qty .slick-arrow.slick-prev:before { position: absolute; left: 12px; top: 10px; content: ""; width: 10px; height: 10px; border-right: 2px solid #333; border-bottom: 2px solid #333; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); } .selector--qty .slick-arrow.slick-disabled { opacity: 0.2; cursor: default; } .details__body { position: relative; } .img-sticky80 { position: -webkit-sticky; position: sticky; top: 80px; } .img-static-scroll { position: fixed; left: auto; background: #fff; /*  z-index: 1; */ -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); border-radius: 2px; -webkit-transition: all ease .3s; transition: all ease .3s; /* width: 480px ; */ } .img-absolute-scroll { position: absolute; bottom: 0; top: auto !important; } .cod-txt { color: var(--second-color); } .addon--tag--soldout { color: var(--first-color); font-weight: 600; } /*mobile*/ @media only screen and (max-width: 767px) { .product-detail { border-left: none; } .rating-circle { margin: 0 auto; margin-bottom: 10px; } .have-you { float: none; display: block; } ul.tabs { position: relative; width: 100%; overflow-x: scroll; white-space: nowrap; } ul.tabs:after { background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%); content: ""; position: absolute; width: 50px; right: 0; top: 0; height: 100%; display: block; } ul.tabs li { display: inline-block; white-space: nowrap; } .tabs-content { padding: 10px 0; } .avatar { margin: 10px 0; } .verified { text-align: left; } .qs-ans li.question span, .qs-ans li.answer span { width: 100%; display: block; float: none; } .qs-ans li p { margin-left: 0; } .detail_head.item-yk .item-yk-head-title { max-width: none; } .detail_head.item-yk .collections-ui { position: static; } } @media only screen and (max-width: 1025px) { .buy-group .btn { padding-right: 20px; padding-left: 20px; min-width: inherit; } .img-static-scroll { position: static; -webkit-box-shadow: none; box-shadow: none; width: auto; } } /* 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;}