html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button, textarea{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;outline: none;} *, :before, :after{-webkit-box-sizing:border-box;box-sizing:border-box;} body { font-size: 16px; line-height: 1; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } strong,b { font-weight: bold; } input { outline: none; } table { border-collapse: collapse; border-spacing: 0; } img { border: 0; max-width: 100%; } a { text-decoration: none; } a:hover { text-decoration: underline; } .container { width: 100%; padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}@media (min-width: 576px){.container {max-width: 540px;}}@media (min-width: 768px) {.container {max-width: 720px;}}@media (min-width: 992px) {.container {max-width: 960px;}}@media (min-width: 1200px){.container {max-width: 1140px;}} a,button,[data-act],input[type="submit"]{cursor:pointer;} html { min-height: 101%; } *{-webkit-appearence:none;} h1 { font-size: 24px; font-weight: 900; text-align: center; margin: 35px 0 10px; line-height: 1.4em; } p { line-height: 1.3em; } a{ color: #153e7e; } input[type="text"]:focus, input[type="tel"]:focus, textarea:focus { -webkit-box-shadow: 0 0 10px #ddd; box-shadow: 0 0 10px #ddd; border-color: #153e7e; } img{ max-width: 100%; } input[type="tel"] { color: #777; -webkit-transition: .15s linear color; -o-transition: .15s linear color; transition: .15s linear color; } input[type="tel"]:focus, input[type="tel"].filled { color: #000; } .sb-imit{ margin-right:8px; } * { scrollbar-width: thin; scrollbar-color: #ddd #153e7e; } .information-page h1{ font-size: 24px; margin: 30px 0 30px; font-weight: 900; text-align: center; } .information-page h2{ font-size: 22px; margin: 30px 0 20px; font-weight: 700; text-align: center; } .information-page h3{ font-size: 21px; margin: 25px 0 15px; font-weight: 700; text-align: center; } .information-page h4{ font-size: 20px; margin: 25px 0 15px; font-weight: 700; text-align: center; } .information-page p { margin: 15px 0; } .information-page ol, .information-page ul{ margin: 15px 0; padding-left: 20px; } .information-page li { margin: 15px 0; } .information-page ol{ list-style: decimal; } .information-page ul{ list-style: disc; } ::-webkit-scrollbar { width: 8px; height:8px; } ::-webkit-scrollbar-track { background: #ddd; } ::-webkit-scrollbar-thumb { background-color: #153e7e; border-radius: 5px; border: 1px solid #ddd; } .header { -webkit-box-shadow: 0px 0px 10px #999; box-shadow: 0px 0px 10px #999; } .sub-header-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-top: 7px; padding-bottom: 7px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sub-header-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } .sub-header-item a{ color:#333; } .city-select-wrapper { margin-left: 50px; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 7px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .city-select-form { display: none; position: absolute; top: 35px; opacity: 0; right: 0; padding: 15px; background: #fff; border-radius: 5px; -webkit-box-shadow: 0 0 10px #999; box-shadow: 0 0 10px #999; min-width: 320px; z-index: 1; margin-top: -10px; } .city-item { margin-top: 10px; padding: 10px; border: 1px solid #ddd; border-left: 3px solid #153e7e; cursor: pointer; position: relative; -webkit-transition: .25s ease-in-out color; -o-transition: .25s ease-in-out color; transition: .25s ease-in-out color; } .city-item:before{ content: ''; position: absolute; left: 0; top: 0; width: 0%; height: 100%; background: #153e7e; -webkit-transition: .3s ease-in-out width; -o-transition: .3s ease-in-out width; transition: .3s ease-in-out width; z-index: -1; } .city-item:hover:before{ width: 100%; } .city-item:hover{ color: #fff; } .city-item:first-child{ margin-top: 20px; } .city-input input { width: 100%; padding: 10px 25px; border: 1px solid #999; border-radius: 5px; } .city-result { } .city-input{ position: relative; } .loading:after { content: ""; position: absolute; right: 22px; width: 18px; height: 18px; border: 2px solid; border-color: #153e7e #fff; border-radius: 9px; top: calc(50% - 9px); -webkit-animation: 1s ease-in-out 0s infinite rotate; animation: 1s ease-in-out 0s infinite rotate; } @-webkit-keyframes rotate{ 0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate{ 0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .sub-header { border-bottom: 1px solid #ddd; } .header-wrapper { padding: 10px 0; } .header-wrapper-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-logo img { width: 100%; height: auto; } .header-info { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 9px; } .under-header { border-top: 1px solid #ddd; } .under-header-container { padding-top: 10px; padding-bottom: 10px; } .search-form { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .search-input { width: 100%; border: 1px solid #aaa; border-radius: 5px; padding: 4px 10px; } .search-button { background: #d1b3ff; border: 1px solid #aaaaaa; border-radius: 0 5px 5px 0; padding: 0 10px; min-width: 150px; } .under-header-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .search-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .search-results { display: none; position: absolute; top: 100%; width: 100%; left: 0; padding: 15px; background: #fff; z-index: 1; -webkit-box-shadow: 0 0 10px #999; box-shadow: 0 0 10px #999; border-radius: 5px; } .search-result { width: 100%; overflow: auto; max-height: 400px; } .search-item>a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; border-radius: 5px; background: #fff; -webkit-transition: .15s linear all; -o-transition: .15s linear all; transition: .15s linear all; padding: 3px 5px; text-decoration:none; } .search-item>a:hover{ color: #fff; background: #153e7e; } .search-item { padding: 3px 5px; border-bottom: 1px solid #ddd; } .search-item img { width: 40px; height: 40px; border-radius: 10px; padding: 3px; } .search-item span { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: block; } .search-item:last-child { border-bottom: none; } .cats-dropdown-but { padding: 7px; } .cats-dropdown { position: relative; } .cats-dropdown-container { min-width: 200px;display: none; position: absolute; margin-top: 0; min-width: 100%; right: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #fff; border: 1px solid #153e7e; border-radius: 5px; opacity: 0; overflow: hidden; z-index: 1; -webkit-box-shadow: 0 0 10px #999; box-shadow: 0 0 10px #999; } .cats-dropdown-item { background: #fff; } .cats-dropdown-container.open{ margin-top: 5px; -webkit-transition: .1s linear all; -o-transition: .1s linear all; transition: .1s linear all; opacity: 1; } .cats-dropdown-item a { text-align: center; padding: 8px 15px; border-bottom: 1px solid #153e7e; display: block; } .cats-dropdown-item a:hover { text-decoration: none; background: #153e7e; color: #fff; } .cats-dropdown-item:last-child a{ border-bottom: none; } .under-header-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; position: relative; } .cats-dropdown-but { padding: 7px 30px; background: #153e7e; color: #fff; border-radius: 5px; border: 1px solid #153e7e; -webkit-transition: .15s linear all; -o-transition: .15s linear all; transition: .15s linear all; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cats-dropdown-but:hover { background: #fff; color: #153e7e; -webkit-transition: .15s linear all; -o-transition: .15s linear all; transition: .15s linear all; } .cats-dropdown-but.open { background: #fff; color: #153e7e; } .cart-icon{ width: 32px; height: 32px; } .header-cart{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 7px; border: 2px solid #153e7e; border-radius: 5px; -webkit-margin-start: 30px; margin-inline-start: 30px; -webkit-transition: .15s linear all; -o-transition: .15s linear all; transition: .15s linear all; } .header-cart:hover { background: #153e7e; -webkit-transition: .15s linear all; -o-transition: .15s linear all; transition: .15s linear all; color: #fff; } .header-cart:hover path{ stroke: #fff; -webkit-transition: .15s linear all; -o-transition: .15s linear all; transition: .15s linear all; } .header-cart path{ -webkit-transition: .15s linear all; -o-transition: .15s linear all; transition: .15s linear all; } .cart-num{ margin: 0 6px; } .breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; margin: 15px auto; line-height: 1.5em; } .breadcrumbs-item a{ color: #555; } .breadcrumbs-item{ position: relative; } .breadcrumbs-item:not(:last-child):after { content: "\203A"; position: absolute; right: -22px; color: #999; } .product-header-image-full { width: 300px; overflow: hidden; margin-bottom: 10px; } .product-full-images-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: .3s ease-in-out all; -o-transition: .3s ease-in-out all; transition: .3s ease-in-out all; } .product-full-image-item { min-width: 300px; } .product-header-image-full img { width: 300px; height: 300px; } .product-header-image-thumbs img { width: 65px; height: 65px; border-radius: 15px; } .product-header-image-thumbs { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; } .product-thumb-image-item { border: 2px solid #fff; -webkit-transition: .15s linear all; -o-transition: .15s linear all; transition: .15s linear all; border-radius: 15px; } .product-thumb-image-item.selected { border: 2px solid #153e7e; overflow: hidden; } .product-thumb-image-item:not(.selected) { cursor: pointer; } .product-header-table td { padding: 12px; } .product-header-table tr:nth-child(2n) { background: #f6f7fa; } .product-header { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; margin: 0 0 20px; } .rating-container { width: 90px; height: 17px; position: relative; } .rating-inner { height: 100%; position: absolute; left: 0; } .product-header-rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; margin-top: 0; margin-bottom: 35px; gap: 15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .rating-label { line-height: 15px; font-size: 14px; } .sert-icon { width: 16px; height: 16px; position: absolute; background-size: cover; left: 0; } .extra-item { margin-bottom: 15px; } .add-to-cart { margin: 0; } .extra-item.sert { padding-left: 20px; position: relative; } .extra-item.diclaimer { font-size: 14px; color: #777; margin-top: -9px; } .extra-item.extra { padding: 10px 15px; background: #d1b3ff; border-radius: 10px; } .extra-title { font-weight: bold; margin-bottom: 10px; } .extra-body span { display: block; margin: 0 0 5px; line-height: 1.2em; } .add-to-cart-button { padding: 12px 4px; width: 100%; text-align: center; border-radius: 10px; border: 3px solid #153e7e; background: #153e7e; font-weight: bold; cursor: pointer; -webkit-transition: .15s linear all; -o-transition: .15s linear all; transition: .15s linear all; color: #fff; } .add-to-cart-button:hover { background: #fff; color: #000; } .product-header-extra { width: 350px; } .product-header-info { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .product-header-table { width: 100%; } .new-price { padding: 15px 25px; background: #3eb934; font-weight: bold; border-radius: 5px; font-size: 24px; margin: 0px 25px 0 0; position: relative; text-wrap: nowrap; display: inline-block; } .old-price { text-decoration: line-through; color: #999; font-size: 18px; margin-top: 10px; text-wrap: nowrap; display: inline-block; } .price-container { margin: 40px 0 0; } .disount-container { position: absolute; width: 50px; height: 50px; background: #153e7e; color: #fff; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; right: -23px; top: -23px; -webkit-animation: 12s linear(0 0%, 0.22 2.1%, 0.86 6.5%, 1.11 8.6%, 1.3 10.7%, 1.35 11.8%, 1.37 12.9%, 1.37 13.7%, 1.36 14.5%, 1.32 16.2%, 1.03 21.8%, 0.94 24%, 0.89 25.9%, 0.88 26.85%, 0.87 27.8%, 0.87 29.25%, 0.88 30.7%, 0.91 32.4%, 0.98 36.4%, 1.01 38.3%, 1.04 40.5%, 1.05 42.7%, 1.05 44.1%, 1.04 45.7%, 1 53.3%, 0.99 55.4%, 0.98 57.5%, 0.99 60.7%, 1 68.1%, 1.01 72.2%, 1 86.7%, 1 100%) 0s infinite discount; animation: 12s linear(0 0%, 0.22 2.1%, 0.86 6.5%, 1.11 8.6%, 1.3 10.7%, 1.35 11.8%, 1.37 12.9%, 1.37 13.7%, 1.36 14.5%, 1.32 16.2%, 1.03 21.8%, 0.94 24%, 0.89 25.9%, 0.88 26.85%, 0.87 27.8%, 0.87 29.25%, 0.88 30.7%, 0.91 32.4%, 0.98 36.4%, 1.01 38.3%, 1.04 40.5%, 1.05 42.7%, 1.05 44.1%, 1.04 45.7%, 1 53.3%, 0.99 55.4%, 0.98 57.5%, 0.99 60.7%, 1 68.1%, 1.01 72.2%, 1 86.7%, 1 100%) 0s infinite discount; } @-webkit-keyframes discount{ 0%{ -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 25%{ -webkit-transform: scale(1.05) rotate(5deg); transform: scale(1.05) rotate(5deg); } 50%{ -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 75%{ -webkit-transform: scale(1.05) rotate(-5deg); transform: scale(1.05) rotate(-5deg); } 100%{ -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } } @keyframes discount{ 0%{ -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 25%{ -webkit-transform: scale(1.05) rotate(5deg); transform: scale(1.05) rotate(5deg); } 50%{ -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 75%{ -webkit-transform: scale(1.05) rotate(-5deg); transform: scale(1.05) rotate(-5deg); } 100%{ -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } } .order-form-container form{ border-radius: 10px; -webkit-box-shadow: 0 0 10px #999; box-shadow: 0 0 10px #999; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } .form-text{ text-align: center; font-size: 24px; font-weight: bold; background: #3eb934; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 0% 100%); padding-right: 40px; padding-left: 20px; line-height: 1.3em; } .form-fields { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 15px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 10px; width: 100%; } .form-input { padding: 10px; border: 1px solid #999; border-radius: 5px; } .form-submit { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #3eb934; border-radius: 5px; font-weight: bold; -webkit-transition: .15s linear all; -o-transition: .15s linear all; transition: .15s linear all; border: 1px solid #3eb934; cursor: pointer; color: #000; } .form-submit:not([disabled]):hover { background: #9f9; } .form-caption { font-size: 14px; color: #333; width: 100%; text-align: right; } .product-details { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 15px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .product-order-form { margin: 20px 0; } .product-details-list { max-width: 300px; min-width: 300px; -webkit-box-shadow: 0 0 10px #999; box-shadow: 0 0 10px #999; border-radius: 5px; } .product-details-item { padding: 13px; text-align: center; cursor: pointer; border-radius: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #fff; color: #000; -webkit-transition: .15s linear all; -o-transition: .15s linear all; transition: .15s linear all; } .product-details-item.active { cursor: default; background: #153e7e; color: #fff; font-weight: bold; } .product-details-cont { -webkit-box-shadow: 0 0 10px #999; box-shadow: 0 0 10px #999; border-radius: 5px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .product-details-content { padding: 25px; } .product-details h3 { margin-bottom: 15px; font-weight: 700; font-size: 18px; line-height:1.3em; } .product-details-block { margin: 0 0 25px; padding-left: 25px; border-left: 2px solid #153e7e; } .product-details-block:last-child { margin: 0; } .product-details-content .block{ -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; opacity: 0; } .product-details-content.active .block { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .no-reviews { margin-bottom: 15px; } .product-details-content:not(.active) { display: none; opacity: 0; } .product-details-content ol{ counter-reset: c; list-style: none; } .product-details-content li { margin: 30px 0 30px 30px; padding: 15px 15px 15px 30px; border-radius: 5px; -webkit-box-shadow: 0 0 10px #999; box-shadow: 0 0 10px #999; counter-increment: c; position: relative; } .product-details-content ol li:before { position: absolute; width: 45px; height: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; content: counter(c); left: -30px; top: -15px; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 0 7px 5px; font-size: 22px; font-weight: 900; } .block .ingr { position: absolute; left: -19px; top: -5px; z-index: 1; } .product-details-content li:after { content: ''; width: 45px; height: 45px; position: absolute; left: -30px; top: -15px; background: -o-linear-gradient(315deg, #153e7e, #47659b); background: linear-gradient(135deg, #153e7e, #47659b); border-radius: 15px 15px 0 15px; -webkit-animation: 4s ease-in-out 0s infinite swim; animation: 4s ease-in-out 0s infinite swim; } @-webkit-keyframes swim{ 0%{ -webkit-transform: scale(1); transform: scale(1); } 50%{ -webkit-transform: scale(1); transform: scale(1); } 75%{ -webkit-transform: scale(1.05); transform: scale(1.05); } 100%{ -webkit-transform: scale(1); transform: scale(1); } } @keyframes swim{ 0%{ -webkit-transform: scale(1); transform: scale(1); } 50%{ -webkit-transform: scale(1); transform: scale(1); } 75%{ -webkit-transform: scale(1.05); transform: scale(1.05); } 100%{ -webkit-transform: scale(1); transform: scale(1); } } h3.subtitle{ font-size:22px; text-align: center; font-weight: bold; } .no-reviews { color: #555; } .review-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; } .review-input { border: 1px solid #999; padding: 8px; border-radius: 5px; } .review-input.text{ max-width:100%; resize: none; } .review-input.submit { padding: 12px; background: #153e7e; border: 2px solid #153e7e; color: #fff; font-weight: bold; -webkit-transition: .15s linear all; -o-transition: .15s linear all; transition: .15s linear all; } .review-input.submit:hover { background: #fff; color: #153e7e; } .geo-item { padding: 10px 10px 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } .geo-item:hover { padding-left: 3px; } h2.subtitle { font-size: 22px; font-weight: 900; text-align: center; margin: 50px 0; } .product-information { margin-bottom: 50px; } .order-instruction { padding-left: 25px; position: relative; } .order-instruction:before { content: ""; left: 0; top: 0px; height: 0%; width: 3px; position: absolute; background: #153e7e; display: block; -webkit-transition: 2.1s linear all; -o-transition: 2.1s linear all; transition: 2.1s linear all; } .order-instruction.show:before { height: 100%; } .order-instruction-title { font-size: 18px; font-weight: 700; margin-bottom: 15px; } .order-instruction-item { margin-bottom: 45px; position: relative; } .order-instruction-item:last-child:before { bottom: 0; top: unset; } .order-instruction-item:first-child:before { top: 0; } .order-instruction-item:before { content: ""; position: absolute; left: -31px; top: calc(50% - 7.5px); width: 15px; height: 15px; border: 5px solid #153e7e; border-radius: 10px; background: #fff; opacity: 0; -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .order-instruction-item.fst:before { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .order-instruction-item.sec:before { -webkit-transition-delay: .7s; -o-transition-delay: .7s; transition-delay: .7s; -webkit-animation-delay: .4s; animation-delay: .4s; } .order-instruction-item.thr:before { -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; -webkit-animation-delay: .8s; animation-delay: .8s; } .order-instruction-item.frt:before { -webkit-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .order-instruction.show .order-instruction-item:before { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: hto; animation-name: hto; } @-webkit-keyframes hto{ 0%{ -webkit-transform: scale(1); transform: scale(1); } 50%{ -webkit-transform: scale(1); transform: scale(1); } 60%{ -webkit-transform: scale(1.5); transform: scale(1.5); } 70%{ -webkit-transform: scale(1); transform: scale(1); } 100%{ -webkit-transform: scale(1); transform: scale(1); } } @keyframes hto{ 0%{ -webkit-transform: scale(1); transform: scale(1); } 50%{ -webkit-transform: scale(1); transform: scale(1); } 60%{ -webkit-transform: scale(1.5); transform: scale(1.5); } 70%{ -webkit-transform: scale(1); transform: scale(1); } 100%{ -webkit-transform: scale(1); transform: scale(1); } } .order-instruction-item:last-child { margin-bottom: 0; } .product-faq-item .product-faq-item-a{ display:none; } .product-faq-item.open .product-faq-item-a { display: block; } .product-faq-item { margin-bottom:10px; } .product-faq-item-q { font-weight: bold; padding: 25px 25px 25px 65px; border: 3px solid #47659b; border-radius: 10px; background: #f6f7fa; cursor: pointer; position: relative; } .product-faq-item-q img { position: absolute; width: 28px; height: 28px; left: 20px; top: calc(50% - 14px); -webkit-transition: .15s linear transform; -o-transition: .15s linear transform; transition: .15s linear transform; } .product-faq-item-q img.down{ -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform: rotate(180deg); } .product-faq-item-a { padding: 30px 20px; margin: 0 15px; border: 2px solid #47659b; border-top: none; border-radius: 0 0 15px 15px; } .product-related ul, .novelty-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 20px 2%; } .product-related-item { width: 23.5%; text-align: center; -webkit-box-shadow: 0 0 10px #999; box-shadow: 0 0 10px #999; border-radius: 10px; overflow: hidden; } .related-name { font-size: 18px; font-weight: bold; padding-top: 20px!important; } .related-description { font-size: 14px; color: #555; } .related-wrap>div { padding: 0px 15px 15px; } .related-price>span { display: block; } .related-new-price { font-size: 16px; color: #178817; font-weight: bold; margin-bottom: 5px; } .related-old-price { font-size: 14px; color: #888; text-decoration: line-through; } .related-link a { display: block; color: #fff; text-decoration: none!important; } .product-related-item>a { border-bottom: 3px solid #e0e0e0; display: block; overflow: hidden; } .product-related-item img { -webkit-transition: .15s linear transform; -o-transition: .15s linear transform; transition: .15s linear transform; } .product-related-item img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } div.related-link { margin-bottom: 0; } .lang-select-cont img { width: 24px; height: 18px; -o-object-fit: cover; object-fit: cover; } footer { margin-top: 50px; padding: 50px 0; /*box-shadow: 0px 0px 10px #999;*/ -webkit-box-shadow: 0px -10px 10px 0px #ddd; box-shadow: 0px -10px 10px 0px #ddd; } .footer-item { text-align: center; margin-bottom: 10px; } .lang-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; } .more-langs { display: none; position: absolute; } .curent-lang { -webkit-box-shadow: none; box-shadow: none; -webkit-transition: .15s linear all; -o-transition: .15s linear all; transition: .15s linear all; cursor: pointer; border: 1px solid #fff; } .curent-lang:hover { -webkit-box-shadow: 0 0 10px #999; box-shadow: 0 0 10px #999; border: 1px solid #153e7e; } .more-langs { display: none; position: absolute; background: #fff; padding: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; border: 1px solid #999; border-radius: 5px; left: -10px; right: -10px; bottom: 100%; margin-bottom: -5px; opacity: 0; } .lang-select-cont { position: relative; } .cookies { position: fixed; bottom: 15px; max-width: 1000px; margin: 0 auto; left: 15px; right: 15px; background: #153e7e; z-index: 2; padding: 25px; border-radius: 5px; color: #fff; opacity: 0; } .cookies-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; font-size:14px; } .cookies-text { line-height: 1.3em; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } button[data-c="1"] { background: #61b934; } button[data-c="0"] { background: #f6f7fa; } .cookies-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .cookies-buttons button { padding: 7px 40px; border-radius: 5px; color: #000; } .city-select { text-decoration: underline; } .city-no-result, .search-no-results { margin-top: 15px; color: #7d0000; font-weight: 700; } .search-no-results { margin-top: 0; padding: 10px; } .scrollTop { display: none; position: fixed; bottom: 50px; right: 50px; width: 50px; height: 50px; border-radius: 15px; background: #153e7e; cursor: pointer; } .scrollTop:before { content: ""; display: block; width: 18px; height: 18px; border-left: 5px solid #fff; z-index: 3; left: 16px; top: 19px; border-top: 5px solid #fff; border-radius: 3px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; -webkit-transition: .15s linear top; -o-transition: .15s linear top; transition: .15s linear top; } .scrollTop:hover:before { top: 16px; } .blur { position: fixed; width: 100vw; height: 100vh; background: #00000030; top: 0; left: 0; opacity: 0; } .cart { position: fixed; width: 70vw; height: 60vh; top: 20vh; left: 15vw; z-index: 1; background: #fff; border-radius: 5px; opacity: 0; margin-top:15px; } .cart-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .cart-col { width: 50%; padding: 25px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cart-title { margin-bottom: 25px; text-align: center; font-size: 20px; font-weight: bold; } .cart-order { background: #f6f7fa; } .cart-no-item { color: #555; font-size: 14px; padding-top: 15px; display:none; } .cart-body { padding-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cart-body-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; } .cart-item-info { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; } .cart-remove-item { position: absolute; right: 0; top: 0; cursor: pointer; width: 24px; height: 24px; } .cart-item-name { font-weight: 700; margin-bottom: 10px; padding-right: 25px; } .cart-item-old-price { font-size: 14px; color: #888; text-decoration: line-through; } .cart-item-price span { text-wrap: nowrap; } .cart-item-new-price, .cart-total-value{ color: #379147; font-weight: bold; } .cart-item-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 5px 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cart-body-total { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cart-total-label { font-weight: 700; } .cart.empty .cart-prods{ width: 100%; } .cart.empty .cart-order{ display:none; } .cart.empty .cart-no-item{ display: block; } .cart.empty .cart-body { display: none; } .cart-close { position: absolute; right: 15px; top: 15px; width: 20px; height: 20px; cursor: pointer; } .cart-payment-method-title { font-weight: bold; margin-bottom: 15px; } .cart-payment-methods { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 10px 0; } .cart-payment-methods img { margin: 0 auto; border-radius: 10px; border: 1px solid #c0b7ff; max-width: 100%; } .cart-form form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; } .cart-form { margin: 15px 0; } .cart-form-title { margin-bottom: 15px; font-weight: bold; text-align: center; } .cart-input { padding: 7px; border-radius: 5px; border: 1px solid #c0b7ff; } .cart-input.submit { padding: 9px; background: #153e7e; border: 2px solid #153e7e; color: #fff; font-weight: bold; -webkit-transition: .15s linear all; -o-transition: .15s linear all; transition: .15s linear all; } .cart-input.submit:not([disabled]):hover{ background: #fff; color: #153e7e; } .cart-order-disclaimer { text-align: right; font-size: 12px; margin-bottom: auto; margin-top: -3px; } .radio { margin-bottom: 15px; } .radio>input{ opacity: 0; display: none; } .radio label { position: relative; padding-left: 30px; cursor: pointer; } .radio label:before { content: ""; width: 16px; height: 16px; display: block; position: absolute; border: 2px solid #153e7e; border-radius: 50%; left: 0; top: calc(50% - 8px); } .radio>input+label:after{ content:""; background: #fff0; -webkit-transform: scale(3); -ms-transform: scale(3); transform: scale(3); width: 8px; height: 8px; position: absolute; border-radius: 50%; left: 4px; top: calc(50% - 4px); -webkit-transition: .2s linear all; -o-transition: .2s linear all; transition: .2s linear all; } .radio>input:checked+label:after { content: ""; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); background: #153e7e; } .search-input:focus { z-index: 2; } .sub-header-nav-mob { display: none; } .novelty-container{ -ms-flex-wrap: wrap; flex-wrap: wrap; } .main-subtitle { font-weight: bold; font-size: 22px; margin: 40px 0 30px; text-align: center; } .main-products-container, .cats-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px 2%; } .cats-container{ margin-top: 30px; } .main-products-item { width: 32%; text-align: center; border: 1px solid #ddd; -webkit-box-shadow: 0 0 10px #999; box-shadow: 0 0 10px #999; border-radius: 10px; overflow: hidden; } .main-products-item>a { border-bottom: 3px solid #ddd; display: block; overflow: hidden; } .main-products-item img { max-width: 170px; margin: 0 auto; -webkit-transition: .15s linear transform; -o-transition: .15s linear transform; transition: .15s linear transform; } .main-products-item:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .cats-container img { max-width: 175px; margin: 0 auto; } .footer-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 15px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .order-lodaing { color: #ffffff00!important; position: relative; } .order-lodaing:before { content: ""; width: 20px; height: 20px; position: absolute; left: calc(50% - 10px); top: calc(50% - 10px); border-radius: 50%; border: 3px solid; border-color: #fff #ffffff00; background: #ffffff00; -webkit-animation: 1s ease-in-out 0s infinite rotate; animation: 1s ease-in-out 0s infinite rotate; -webkit-transition: .5s ease-out all; -o-transition: .5s ease-out all; transition: .5s ease-out all; } .loading-ok:before{ -webkit-animation: none; animation: none; width: 23px; height: 12px; border-radius: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); border: 3px solid #fff; border-top: none; border-right: none; } .loading-ok { background: #00ff1f!important; border-color:#00ff1f!important; } .loading-err { background: #ff4545!important; color: #000!important; border-color: #ff4545!important; } .lang-select-cont img, .city-select-wrapper img{ border-radius: 2px; } @media(max-width:1199px){ .product-header-image-full img { width: 250px; height: 250px; } .product-full-image-item { min-width: 250px; } .product-header-image-full{ width: 250px; } .product-header-image-thumbs img { width: 54px; height: 54px; } .product-header-image-thumbs{ gap: 6px; } .product-header-extra{ width: 325px; } } @media(max-width:991px){ h1{ margin: 25px 0 10px; } .product-header-rating{ margin-bottom: 25px; } .cart-item-img img { min-width: 80px; } .cart-col { padding: 20px; } .product-header { -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-header-extra { width: 100%; } .product-order-form { margin: 40px 0; } .form-input { padding: 7px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .form-submit { width: 100%; -webkit-box-flex: 0; -ms-flex: none; flex: none; padding: 9px; } .product-details-list{ max-width: 250px; min-width: 250px; } .product-details-content { padding: 20px; } .order-instruction-item { margin-bottom: 30px; } .related-name{ font-size: 16px; } .product-related-item{ width: 24.4%; } .product-related ul, .novelty-container{ gap: 15px 0.8%; } .product-header-info { width: calc(100% - 270px); } .cart-close { right: 4px; top: 4px; } .header-info-item { text-wrap: nowrap; font-size: 14px; } .product-related-item { width: 32%; } } @media(max-width:767px){ body { font-size: 14px; } h2.subtitle { font-size: 22px; font-weight: 900; text-align: center; margin: 55px 0 30px; } .city-select-wrapper{ font-size: 14px; } .cart { width: 100vw; height: 100vh; top: 0; left: 0; border-radius: 0; } .cart-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cart-col { width: 100%; padding: 25px 40px; } .cart-close { right: 15px; top: 15px; } .cart-body-item { margin-bottom: 25px; } .header-cart { -webkit-margin-start: auto; margin-inline-start: auto; padding: 4px; } .header-logo { -webkit-margin-end: 5px; margin-inline-end: 5px; } .header-logo { width: auto; } .header-wrapper-container { -ms-flex-wrap: wrap; flex-wrap: wrap; } .header-info { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0 0 10px 0; padding: 0 0 5px 0; overflow-x: scroll; gap: 15px; } .header-info::-webkit-scrollbar{ width:0; height:0; } .header-info-item{ font-size: 13px; margin: 0 auto; } .cart-icon svg { width: 28px; height: 28px; } .cart-icon { width: 28px; height: 28px; } .product-header { gap: 20px 10px; } .product-header-image-full { width: 200px; } .product-full-image-item { min-width: 200px; } .product-header-image-full img { width: 200px; height: 200px; } .product-header-image-thumbs { gap: 8px; } .product-header-image-thumbs img { width: 40px; height: 40px; } .product-details { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-details-list { min-width: unset; max-width: 100%; -webkit-box-shadow: none; box-shadow: none; text-wrap: nowrap; position: relative; } .product-details-list:after { right: 0; top: 0; content: ""; height: 100%; background: -webkit-gradient(linear, left top, right top, from(#ffffff00), to(white)); background: -o-linear-gradient(left, #ffffff00, white); background: linear-gradient(90deg, #ffffff00, white); width: 30px; position: absolute; } .product-details-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; overflow-x: auto; padding-right: 30px; } .product-details-list ul::-webkit-scrollbar, .breadcrumbs::-webkit-scrollbar{ width:0; height: 0; } .product-details-item { border: 1px solid #153e7e; font-weight: 700; text-wrap: nowrap; white-space: nowrap;} .product-details-cont{ width: 100%; } .product-related ul , .novelty-container { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px 5%; } .product-related-item { width: 47.5%; } .breadcrumbs { gap: 30px; overflow-x: auto;text-wrap: nowrap; white-space: nowrap; } .breadcrumbs-item:not(:last-child):after{ right: -17px; } .sb-imit{ margin-right:0; } .product-faq-item-a { padding: 20px 25px; margin: 0 10px; } .main-products-item img{ max-width: 120px; } } @media(max-width:575px){ .product-header-info { width: 100%; } .price-container { text-align: center; } .product-header-image { margin: 0 auto; } .product-header-image-full { width: 300px; } .product-full-image-item { min-width: 300px; } .product-header-image-full img { width: 300px; height: 300px; } .product-header-image-thumbs img { width: 65px; height: 65px; } .main-products-item { width: 49%; } } @media(max-width:500px){ .cookies-wrap {flex-direction: column;}.cookies-buttons { width: 100%; }.order-form-container form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .form-text { -webkit-clip-path: none; clip-path: none; padding: 15px 0; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sub-header-nav-mob { display: block; width: 18px; height: 18px; background-size: contain; -webkit-margin-end: auto; margin-inline-end: auto; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: .3s linear(0 0%, 0 2.27%, 0.02 4.53%, 0.04 6.8%, 0.06 9.07%, 0.1 11.33%, 0.14 13.6%, 0.25 18.15%, 0.39 22.7%, 0.56 27.25%, 0.77 31.8%, 1 36.35%, 0.89 40.9%, 0.85 43.18%, 0.81 45.45%, 0.79 47.72%, 0.77 50%, 0.75 52.27%, 0.75 54.55%, 0.75 56.82%, 0.77 59.1%, 0.79 61.38%, 0.81 63.65%, 0.85 65.93%, 0.89 68.2%, 1 72.7%, 0.97 74.98%, 0.95 77.25%, 0.94 79.53%, 0.94 81.8%, 0.94 84.08%, 0.95 86.35%, 0.97 88.63%, 1 90.9%, 0.99 93.18%, 0.98 95.45%, 0.99 97.73%, 1 100%) all; -o-transition: .3s linear(0 0%, 0 2.27%, 0.02 4.53%, 0.04 6.8%, 0.06 9.07%, 0.1 11.33%, 0.14 13.6%, 0.25 18.15%, 0.39 22.7%, 0.56 27.25%, 0.77 31.8%, 1 36.35%, 0.89 40.9%, 0.85 43.18%, 0.81 45.45%, 0.79 47.72%, 0.77 50%, 0.75 52.27%, 0.75 54.55%, 0.75 56.82%, 0.77 59.1%, 0.79 61.38%, 0.81 63.65%, 0.85 65.93%, 0.89 68.2%, 1 72.7%, 0.97 74.98%, 0.95 77.25%, 0.94 79.53%, 0.94 81.8%, 0.94 84.08%, 0.95 86.35%, 0.97 88.63%, 1 90.9%, 0.99 93.18%, 0.98 95.45%, 0.99 97.73%, 1 100%) all; transition: .3s linear(0 0%, 0 2.27%, 0.02 4.53%, 0.04 6.8%, 0.06 9.07%, 0.1 11.33%, 0.14 13.6%, 0.25 18.15%, 0.39 22.7%, 0.56 27.25%, 0.77 31.8%, 1 36.35%, 0.89 40.9%, 0.85 43.18%, 0.81 45.45%, 0.79 47.72%, 0.77 50%, 0.75 52.27%, 0.75 54.55%, 0.75 56.82%, 0.77 59.1%, 0.79 61.38%, 0.81 63.65%, 0.85 65.93%, 0.89 68.2%, 1 72.7%, 0.97 74.98%, 0.95 77.25%, 0.94 79.53%, 0.94 81.8%, 0.94 84.08%, 0.95 86.35%, 0.97 88.63%, 1 90.9%, 0.99 93.18%, 0.98 95.45%, 0.99 97.73%, 1 100%) all; } .sub-header-nav-mob.open { -webkit-transform: scale(.75); -ms-transform: scale(.75); transform: scale(.75); } .sub-header-navigation { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; left: 13px; top: 30px; background: #fff; -webkit-box-shadow: 0 0 10px #999; box-shadow: 0 0 10px #999; border-radius: 5px; text-align: center; gap: 0; z-index: 1; } .sub-header-item { padding: 12px 8px; border-bottom: 1px solid #999; min-width: 150px; } .sub-header-item:last-child { border-bottom: none; } .under-header-container{ gap: 10px; } .product-action { display: none; position: fixed; top: 0; left: 0; width: 100%; background: #867bd1; padding: 15px; border-radius: 0 0 5px 5px; -webkit-box-shadow: 0 0 10px #999; box-shadow: 0 0 10px #999; margin-top: -50px; } .product-action-button { color: #000; font-weight: 700; padding: 8px; display: block; text-align: center; border: 2px solid #fff; border-radius: 5px; background: #ffffff; } } @media(min-width:501px){ .product-action { display: none!important; } } @media(max-width:450px){ .city-select-form { right: 15px; left: 15px; min-width: unset; } .city-select-wrapper{ position: unset; } .scrollTop { right: 25px; bottom: 25px; } .search-results { left: 15px; right: 15px; width: unset; } .product-related-item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-related-item img { width: 150px; height: auto; } .related-wrap { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .product-related-item>a { border-bottom: none; border-right: 3px solid #e0e0e0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .main-products-item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .main-products-item>a { border-bottom: none; border-right: 3px solid #ddd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .main-products-item img{ max-width: 150px; } } @media(max-width:380px){ .cats-dropdown-but{ display: none; } .cats-dropdown-mob { background-size: cover; width: 24px; height: 24px; -webkit-transition: .3s linear(0 0%, 0 2.27%, 0.02 4.53%, 0.04 6.8%, 0.06 9.07%, 0.1 11.33%, 0.14 13.6%, 0.25 18.15%, 0.39 22.7%, 0.56 27.25%, 0.77 31.8%, 1 36.35%, 0.89 40.9%, 0.85 43.18%, 0.81 45.45%, 0.79 47.72%, 0.77 50%, 0.75 52.27%, 0.75 54.55%, 0.75 56.82%, 0.77 59.1%, 0.79 61.38%, 0.81 63.65%, 0.85 65.93%, 0.89 68.2%, 1 72.7%, 0.97 74.98%, 0.95 77.25%, 0.94 79.53%, 0.94 81.8%, 0.94 84.08%, 0.95 86.35%, 0.97 88.63%, 1 90.9%, 0.99 93.18%, 0.98 95.45%, 0.99 97.73%, 1 100%) all; -o-transition: .3s linear(0 0%, 0 2.27%, 0.02 4.53%, 0.04 6.8%, 0.06 9.07%, 0.1 11.33%, 0.14 13.6%, 0.25 18.15%, 0.39 22.7%, 0.56 27.25%, 0.77 31.8%, 1 36.35%, 0.89 40.9%, 0.85 43.18%, 0.81 45.45%, 0.79 47.72%, 0.77 50%, 0.75 52.27%, 0.75 54.55%, 0.75 56.82%, 0.77 59.1%, 0.79 61.38%, 0.81 63.65%, 0.85 65.93%, 0.89 68.2%, 1 72.7%, 0.97 74.98%, 0.95 77.25%, 0.94 79.53%, 0.94 81.8%, 0.94 84.08%, 0.95 86.35%, 0.97 88.63%, 1 90.9%, 0.99 93.18%, 0.98 95.45%, 0.99 97.73%, 1 100%) all; transition: .3s linear(0 0%, 0 2.27%, 0.02 4.53%, 0.04 6.8%, 0.06 9.07%, 0.1 11.33%, 0.14 13.6%, 0.25 18.15%, 0.39 22.7%, 0.56 27.25%, 0.77 31.8%, 1 36.35%, 0.89 40.9%, 0.85 43.18%, 0.81 45.45%, 0.79 47.72%, 0.77 50%, 0.75 52.27%, 0.75 54.55%, 0.75 56.82%, 0.77 59.1%, 0.79 61.38%, 0.81 63.65%, 0.85 65.93%, 0.89 68.2%, 1 72.7%, 0.97 74.98%, 0.95 77.25%, 0.94 79.53%, 0.94 81.8%, 0.94 84.08%, 0.95 86.35%, 0.97 88.63%, 1 90.9%, 0.99 93.18%, 0.98 95.45%, 0.99 97.73%, 1 100%) all; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .cats-dropdown-mob.open { -webkit-transform: scale(.75); -ms-transform: scale(.75); transform: scale(.75); } .product-related-item img{ width: 100px; } .product-header-image-full img { width: 250px; height: 250px; } .product-full-image-item { min-width: 250px; } .product-header-image-full { width: 250px; } .product-header-image-thumbs img { width: 54px; height: 54px; } .product-header-image-thumbs { gap: 6px; } .cart-col { padding: 25px 25px; } }@media(min-width:992px){.product-header-extra{min-width:350px;}}.incognito-disclaimer{margin: 20px 0;display: flex;align-items: center;gap: 10px;font-weight: 700;justify-content: center;border: 3px solid #153e7e;border-radius: 10px;padding: 10px 15px;background: #153e7e;color: #fff;}.incognito-img img{min-width:60px;}.incognito-text{line-height: 1.3em;}