nav #login-trigger {min-width: 70px;} .contacts a, .call a, .why_text5 a {text-decoration: none;} #tovari .tovar .text_in .tx .sum {display: inline-block; vertical-align: middle; margin-bottom: 3px;} #tovari .tovar .text_in .tx #count .count_up input {border: none !important; margin: 0px !important; padding: 0px !important; box-sizing: border-box; background-repeat: no-repeat; background-position: -22px 0px;} #tovari .tovar .text_in .tx #count .count_up input:active, #tovari .tovar .text_in .tx #count .count_up input:hover {background-position: -22px -16px;} #tovari .tovar .text_in .tx #count .count_down input {border: none !important; margin: 0px !important; padding: 0px !important; box-sizing: border-box; background-repeat: no-repeat; background-position: 0px 0px;} #tovari .tovar .text_in .tx #count .count_down input:active, #tovari .tovar .text_in .tx #count .count_down input:hover {background-position: 0px -16px;} #count2 .count_up2 input {box-sizing: border-box; background-repeat: no-repeat; cursor: pointer; background-position: 0px 0px;} #count2 .count_down2 input {box-sizing: border-box; background-repeat: no-repeat; cursor: pointer; background-position: 0px -16px;} .buy_product .catch .sum {display: inline-block; vertical-align: middle; margin-bottom: 3px;} .buy_product .catch #count .count_up input {border: none !important; margin: 0px !important; padding: 0px !important; background-repeat: no-repeat; box-sizing: border-box;} .buy_product .catch #count .count_down input {border: none !important; margin: 0px !important; padding: 0px !important; background-repeat: no-repeat; box-sizing: border-box; background-position: 0px -16px;} .buy_product .catch span.cena_sht {display: inline-block; vertical-align: middle;} #count2 {margin-top: -6px;} table.cart td input.qty {display: inline-block; vertical-align: middle; margin-bottom: 3px;} .fancybox {float: none !important; display: inline !important; padding: 0px !important; height: auto !important; font-size: 0px !important; line-height: 0px !important;} .fancybox img {width: 165px; height: 165px !important; margin: 20px 15px 0px 0px; object-fit: cover;} .quote {display: inline-block; font-size: 18px; line-height: 150%; color: #000; background: #fff; background: rgba(255, 255, 255, 0.6); padding: 10px; box-sizing: border-box; border-radius: 8px;} #careprost_html {position: absolute; bottom: 20px; left: 330px; color: #0b1488; font-size: 14px; min-width: 145px; line-height: normal; text-decoration: none;} #careprost_html img {width: 90px; height: 90px; min-height: 0px !important; margin-bottom: 8px;} #careprost_html:hover u {text-decoration: none;} #footer {position: relative;} #market {position: absolute; right: 50px; top: 30px; z-index: 1;} /* Видео с текстом на главной */ #main-intro {overflow: hidden; margin: 20px 0px 18px; background: url("../../../../../wa-data/public/site/themes/custom/img/texture_bg.png") repeat scroll left top transparent;} #main-intro .h1 {text-align: center; display: block; font-size: 2.3em; font-weight: normal;} #main-intro p {margin: 28px 0px; line-height: 1.5em;} #main-intro .col60 {float: left; width: 60%; box-sizing: border-box; text-align: center; font-size: 0px; line-height: 0px;} #main-intro .col40 {float: left; width: 40%; box-sizing: border-box; padding: 15px;} #main-intro .incard {border-radius: 7px; background: url(../../../../../wa-data/public/site/themes/custom/img/but_hov.png) repeat-x scroll 0 0 transparent; background-size: auto 100%; cursor: pointer; display: inline-block; padding: 15px 20px; text-decoration: none; font-weight: bold; text-align: center; font-size: 12pt; box-shadow: inset -2px -2px 5px 0px #c7a101;} #main-intro .incard:hover {background: url("../../../../../wa-data/public/site/themes/custom/img/but.png") repeat-x scroll 0 0 transparent; background-size: auto 100%;} #main-intro .incard:active {box-shadow: 1px 1px silver;} /* Slider */ #wrapper {width: 100%; margin: 25px auto 0px auto;} #container {position:relative; background:#fff; padding: 0px;} .sliderbutton {position: absolute; z-index: 1; text-align: center; width: 100px; line-height: 100px; height: 100px; top: 50%; margin-top: -50px; cursor:pointer; color: #fff; font-size: 70px;} #slideleft {left: 0px;} #slideright {right: 0px;} #slider {position:relative; overflow: auto; width: 100%;} #slider ul {position:relative; list-style:none; top:0; left:0; padding: 0px; margin: 0px;} #slider li {width: 1000px; float:left; text-align: center;} .pagination {position: absolute; bottom: 44px; left: 50%; list-style: none; height: 20px; width: 300px; padding: 0px; text-align: center; margin: 0px; margin-left: -150px;} .pagination li {display: inline-block; vertical-align: top; cursor:pointer; height: 20px; width: 20px; margin: 0px 10px 0px 10px; border: 1px solid #fff; border-radius: 50%;} .pagination li:hover, li.current {background:#fff;} /* Скрытие */ .skr {overflow: hidden; position: relative; height: 100px; transition: height 1s ease 0s; margin-bottom: 20px;} .skr:after {content: ""; position: absolute; z-index: 1; width: 100%; bottom: 0px; left: 0px; right: 0px; height: 90px; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #efeeee 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #efeeee 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #efeeee 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #efeeee 100%); background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, #efeeee 100%);} .skr.opnd:after {display: none;} .more {position: absolute; z-index: 2; right: 0px; bottom: 0px; display: inline-block; font-size: 20px; color: #0b1488; font-style: italic; cursor: pointer; text-align: right; border-bottom: 1px dashed #0b1488;} /* Modal main */ /* body.noshade .modal-backdrop {background: none;} */ body.noshade .modal-header {padding: 0px 10px; border-bottom: none;} body.noshade .modal-body {width: 100%; box-sizing: border-box; min-height: 23px; padding: 1px; text-align: center;} body.noshade .modal-body img {max-width: 100%; vertical-align: middle;} body.noshade .modal-body div {position: absolute; top: 59%; left: 43%; background: #fff; color: #04798e; border: 4px double #04798e; border-radius: 23px; font-size: 18px; font-style: italic; font-weight: bold; white-space: nowrap; z-index: 1; box-sizing: border-box; transition: all 0.1s; box-shadow: 4px 4px 4px 0px #f4af01; padding: 17px 15px;} body.noshade .modal-body div:hover {box-shadow: 0px 0px 0px 0px #f4af01; margin-left: 3px; margin-bottom: -3px;} body.noshade .close {position: absolute; z-index: 1; right: 5px; top: 5px; font-size: 50px; width: 30px; height: 30px; line-height: 30px; margin-top: 0px; text-align: center;} @media screen and (max-width: 500px) {body.noshade .modal-body div {top: 60%; font-size: 16px; padding: 15px 13px;}} @media screen and (max-width: 420px) {body.noshade .modal-body div {font-size: 14px; padding: 13px 13px;}} @media screen and (max-width: 370px) {body.noshade .modal-body div {font-size: 13px; padding: 11px 12px;}} @media screen and (max-width: 340px) {body.noshade .modal-body div {font-size: 12px; padding: 10px;}} @media screen and (max-height: 480px) {body.noshade #dialog {top: 13%;}} @media screen and (max-height: 450px) {body.noshade #dialog {top: 8%;}} @media screen and (max-height: 420px) {body.noshade #dialog {top: 5%; max-height: 90%; box-sizing: border-box;} body.noshade .modal-body {height: 100%;}} @media screen and (max-height: 376px) {body.noshade #dialog {height: 90%;} body.noshade .modal-body img {max-height: 100% !important; width: auto !important;}} @media screen and (max-height: 341px) {body.noshade #dialog {height: 90%;}} .uhover:hover {text-decoration: none;} @media screen and (max-width: 1016px) { img {max-width: 100% !important; height: auto !important; box-sizing: border-box;} iframe, textarea, input, button, submit, select, video, object, embed {max-width: 100% !important; box-sizing: border-box;} table, span, div, ins {max-width: 100% !important;} .fancybox-container * {max-width: none !important;} /*.categori + div {display: none;}*/ .hideit {display: none !important;} .mobile {display: block !important;} .sub_menu .mobile {position: absolute; right: 13px; bottom: 13px; color: #ff8719; font-size: 16px;} #login-content form {margin: 0 0 10px;} #login-content .wa-form .wa-field .wa-value.wa-submit a {margin-bottom: 10px; display: inline-block;} #login-content .wa-form .wa-field .wa-name {float: none; width: auto; text-align: left;} #login-content .wa-form .wa-field .wa-value input[type="text"], #login-content .wa-form .wa-field .wa-value input[type="email"], #login-content .wa-form .wa-field .wa-value input[type="password"] {width: 100%;} #header #menu ul.menu-v {padding-bottom: 0px;} select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {height: 28px;} html, body {width: auto; position: relative;} #header {height: auto; background-size: auto 120%; background-position: center; padding-bottom: 0px; margin-left: 0px; margin-bottom: 20px; box-shadow: 0px 10px 5px 1px #e1e1e1;} .social {height: 45px; white-space: nowrap; position: absolute; width: 217px; left: 80px; bottom: 30px; margin-left: 0px; z-index: 1;} #market {min-width: 200px;} .logo {display: block; margin-left: 0px; text-align: center; padding: 0px 20px;} .contacts {display: block; width: 240px; margin: 20px auto; white-space: nowrap; height: auto;} .auth {margin-top: 0px;} .ya-site-form {position: static; width: auto;} #ya-site-form0 .ya-site-form__search-input {padding: 0px 20px !important;} #ya-site-form0 .ya-site-form__wrap, #ya-site-form0 .ya-site-form__search, #ya-site-form0 .ya-site-form__search-input-layout {margin-bottom: 0px;} #ya-site-form0 .ya-site-form__search {margin-bottom: 20px;} #ya-site-form0 .ya-site-form__submit_type_image {background-size: 100% 100% !important;} #header .cart {display: inline-block;} .container {min-width: 100px;} nav ul {margin: 0px; float: none;} nav li {float: none; display: inline-block; vertical-align: top;} nav #signup2, nav #signup {margin-right: 0px;} .ul2 {margin: 0px;} #header #menu {width: auto; margin: 0px;} ul.menu-v {padding: 15px; margin: 0px;} ul.menu-v li {display: inline-block; float: none; vertical-align: top; height: auto; padding-right: 0px; margin: 3px 1px;} ul.menu-v li a, ul.menu-v li span, ul li label.current {float: none; height: auto; padding: 3px 6px; line-height: normal;} ul li a.current, ul li a.current, ul li label.current {height: auto; float: none; line-height: normal; font-weight: 800; background-size: 100% 100%;} .categori {width: auto !important;} .categori_nav {background-size: 100% 100%;} .categori ul {padding: 13px !important; padding-right: 0px !important;} .categori_nav_li {padding: 7px 1px; padding-right: 15px; cursor: pointer;} .categori_nav_li:after {margin-left: 0px; padding-left: 7px;} .sub_menu {width: 100%; padding: 0px; padding-bottom: 25px; top: auto; text-align: left; margin-top: 7px;} .sub_menu ul {text-align: left;} .sub_menu_nav_title {margin-left: 0px !important;} .categori_nav_li.current3 { margin-right: 4px; } #tovari {box-sizing: border-box; width: auto; padding: 10px; padding: 10px calc(20px - 2%);} #tovari .tovar .text_in .tx .image1 > a > img:last-child {margin-bottom: 17px;} #page > #tovari, #product-list > #tovari {padding: 10px 0px; max-width: none !important; margin-left: -2%; margin-right: -2%;} #tovari .tovar {margin: 0 1% 20px; width: 47%;} #tovari .tovar .text_in .tx {width: auto;} #tovari .tovar .text_in .tx .image1 {height: auto; width: auto;} .cena_sht {display: inline-block;} #tovari .tovar .text_in form {margin: 0 0 7px;} * i.icon10 {margin: 7px 7px 0 0;} #main {padding: 0px 20px 20px; margin-top: 20px;} .content .product-page h1 {padding-top: 20px;} .content .product-page > h1, #main > div > h1 {padding-right: 60px;} .foot_text {margin-top: 20px;} .foot_text > br + div {margin-top: -10px; padding: 0px 10px;} .why {margin: 20px 10px; margin-top: 0px; width: auto; max-width: 190px !important;} .why_block1, .why_block2, .why_block3, .why_block4, .why_block5 {background-position: center;} .why_text3, .why_text5 {line-height: normal;} #page > table {width: 100% !important; box-sizing: border-box;} #main ul {padding-left: 30px;} h1, h2, h3, h4, h5, h6 {padding-top: 20px;} .content > h1.category-name + br {display: none;} .dop_product-list {text-align: center;} .dop_product-width {margin: 0 7px 20px;} nav li #login-content, nav li #login-content2 {width: 100%; box-sizing: border-box;} #main > div > ul.menu-h {padding-left: 0px; padding-top: 12px; text-align: center; margin-bottom: 0px;} #main > div > ul.menu-h + br[clear="left"] {display: none;} .write-review {margin-bottom: 0px; margin-top: 20px; padding-top: 0px; text-align: center;} .review-form-fields > div:first-child {padding-top: 20px !important;} .review-form-fields > br {display: none;} .review-form textarea {width: 100%; width: calc(100% - 170px); min-width: 10px !important; box-sizing: border-box;} .review-form, .review-form form {margin-bottom: 0px;} ul.menu-v.with-icons.reviews-branch:empty {display: none;} .review-form .review-submit {padding-bottom: 0px;} ul.menu-v.with-icons.reviews-branch {padding: 0px !important;} .reviews ul li .review-form {padding: 0px;} .review {margin-bottom: 20px;} table.cart td input.qty {max-width: 39px !important; box-sizing: border-box; height: 30px;} table.table td.min-width img {max-width: 48px !important;} i.icon16 {max-width: 16px !important;} table.table.cart {margin: 0px;} table.cart td {padding: 20px 5px 20px;} .checkout-header {margin: 0 50px;} .checkout {margin: 20px 0px 0px;} .wa-form .wa-field .wa-value input[type="text"], .wa-form .wa-field .wa-value input[type="email"], .wa-form .wa-field .wa-value input[type="password"] {height: 30px; box-sizing: border-box;} .checkout ul.checkout-options {padding-left: 25px;} .checkout ul.checkout-options li .rate {text-align: right; min-width: 50px;} .reviews ul {padding: 0px !important;} nav #login-trigger, nav .login-trigger {max-width: 100px !important; overflow: hidden;} .buy_product .catch .sum {width: 39px; height: 30px;} #tovari .tovar .text_in .tx .sum {width: 39px; height: 30px;} .review-form-fields input[type="text"] {height: 30px;} #product-description > table {table-layout: fixed; width: 100% !important; box-sizing: border-box;} .review .actions a {float: left;} .checkout-header strong {display: inline-block;} table.cart tr.no-border td.no-border div {width: auto !important; height: auto !important;} .categori_nav_li > a {cursor: pointer; pointer-events: none;} .image .corner {width: 80px; height: 80px;} #tovari .tovar .text_in .tx .image1 a {position: relative; display: block;} .badge_img {bottom: 25px !important; right: 10px !important; width: 21%;} .badge_for_makiyaz1 {bottom: 25px !important; right: 10px !important; width: 21%;} .badge_for_makiyaz2 { bottom: 21% !important; right: 33% !important; width: 21%; } .badge_for_makiyaz2 { bottom: 21% !important; right: 33% !important; width: 21%; } .badge_for_makiyaz3 {bottom: 25px !important; right: 13px !important; width: 21%;} .image .corner.top .badge_img {width: auto; bottom: auto !important; right: 6px !important;} .image .corner.top .badge_for_makiyaz1 {width: auto; bottom: auto !important; right: 6px !important;} .image .corner.top .badge_for_makiyaz2 {width: auto; bottom: auto !important; right: 6px !important;} .image .corner.top .badge_for_makiyaz3 {width: auto; bottom: auto !important; right: 6px !important;} .image .corner.top .badge_for_bioaqua_new {width: auto; bottom: auto !important; right: 6px !important;} .image .corner.top .badge_for_krem-pitatelnyy-s-chernikoy-wonder-essence-cream-bioaqua-50-gr {width: auto; bottom: auto !important; right: 6px !important;} .image .corner.top .badge_for_uvlazhnyayushchiy-krem-dlya-ruk-horseoil-60-gr {width: auto; bottom: auto !important; right: 6px !important;} .image .corner.top .badge_for_syvorotka-dlya-litsa-bioaqua-essence-wonder-chernichnaya-15-ml {width: auto; bottom: auto !important; right: 6px !important;} .image .corner.top .badge_for_sredstvo-dlya-udaleniya-makiyazha-i-ochishcheniya-kozhi-clean-bioaqua-150-ml {width: auto; bottom: auto !important; right: 6px !important;} .badge_for_super_rascheski_img {bottom: auto !important; right: 14px !important; top: 32px !important; width: 21%;} .badge_for_facial_care_serum_img {bottom: auto !important; right: 10px !important; top: 64px !important; width: 21%;} .badge_for_carbonated_bubble_clay_mask_img {bottom: auto !important; right: 5px !important; top: 99px !important; width: 21%;} .badge_for_bioaqua_new {bottom: 35px !important; right: 19px !important; width: 21%;} .badge_for_krem-pitatelnyy-s-chernikoy-wonder-essence-cream-bioaqua-50-gr {bottom: 35px !important; right: 5px !important; width: 21%;} .badge_for_uvlazhnyayushchiy-krem-dlya-ruk-horseoil-60-gr {bottom: 50px !important; right: 15px !important; width: 21%;} .badge_for_syvorotka-dlya-litsa-bioaqua-essence-wonder-chernichnaya-15-ml {bottom: 12px !important; right: 20px !important; width: 21%;} .badge_for_sredstvo-dlya-udaleniya-makiyazha-i-ochishcheniya-kozhi-clean-bioaqua-150-ml {bottom: 25px !important; right: 10px !important; width: 21%;} #tovari .tovar .text_in .tx .image1 a > .badge_img + img:last-child {margin-bottom: 20px;} #tovari .tovar .text_in .tx .image1 a > .badge_for_makiyaz1 + img:last-child {margin-bottom: 20px;} #tovari .tovar .text_in .tx .image1 a > .badge_for_makiyaz2 + img:last-child {margin-bottom: 20px;} #tovari .tovar .text_in .tx .image1 a > .badge_for_makiyaz3 + img:last-child {margin-bottom: 20px;} .dop_product-width .badge_for_super_rascheski_img {width: 70px !important; right: 0px !important; top: 0px !important;} .dop_product-width .badge_for_facial_care_serum_img {width: 70px !important; right: 0px !important; top: 0px !important;} .dop_product-width .badge_for_carbonated_bubble_clay_mask_img {width: 70px !important; right: 0px !important; top: 0px !important;} .dop_product-width .badge_for_bioaqua_new {width: 70px !important; right: 0px !important; top: 0px !important;} .dop_product-width .badge_for_krem-pitatelnyy-s-chernikoy-wonder-essence-cream-bioaqua-50-gr {width: 70px !important; right: 0px !important; top: 0px !important;} .dop_product-width .badge_for_uvlazhnyayushchiy-krem-dlya-ruk-horseoil-60-gr {width: 70px !important; right: 0px !important; top: 0px !important;} .dop_product-width .badge_for_syvorotka-dlya-litsa-bioaqua-essence-wonder-chernichnaya-15-ml {width: 70px !important; right: 0px !important; top: 0px !important;} .dop_product-width .badge_for_sredstvo-dlya-udaleniya-makiyazha-i-ochishcheniya-kozhi-clean-bioaqua-150-ml {width: 70px !important; right: 0px !important; top: 0px !important;} #main-intro .col40 {padding: 12px;} .b-body-items {padding-left: 30px !important;} .l-page_layout_70-30 .l-page__left {width: 100% !important; padding-right: 0px !important;} #tovari .tovar .text_in .tx .catch {margin-top: 5px;} } @media screen and (max-width: 1000px) { #slider li {width: 100vw;} } @media screen and (max-width: 990px) { #careprost_html {left: 320px !important; bottom: 0px !important; text-align: left;} } @media screen and (max-width: 955px) { .uzor {margin-right: 20px;} .content .product-page > h1, #main > div > h1 {padding-right: 30px; overflow: hidden;} .imp {text-align: center; margin-bottom: 0px; margin-top: 20px;} .image_imp {display: block;} .image_imp > img {margin-right: 20px;} .image_imp > img:last-child {margin-right: 0px;} .text_imp {text-align: left;} .text_imp > div {padding: 0px !important; text-align: center;} #main-intro p {line-height: normal;} } @media screen and (max-width: 880px) { table.cart tr.no-border td.no-border input[type="text"] {width: 88px; margin-bottom: 3px;} .fancybox_all {text-align: center;} } @media screen and (max-width: 850px) { #careprost_html {position: relative !important; left: 0px !important; display: block; margin-top: 15px;} #careprost_html img {position: absolute; left: 155px; top: -3px; width: 60px; height: 60px; margin-bottom: 0px;} #careprost_html > br {display: none;} } @media screen and (max-width: 830px) { #footer {text-align: center; padding: 0px 20px; padding-bottom: 65px;} .copy {float: none; margin-left: 0px; margin-top: 20px; width: 100%; max-width: 300px !important;} .footmenu {width: 100%; padding: 20px 0 17px; font: 12px/20px arial;} .footmenu ul {padding-left: 2px; margin: 0px;} .footmenu ul li {margin-bottom: 7px;} .image_product {width: 40%;} .buy_product {width: 60%;} .social {left: 50%; right: auto; bottom: 20px; margin-left: -100px; } .social a img {margin: 0px 3px;} #market {text-align: right; padding-bottom: 10px; top: 80px; right: 20px;} #slider li {width: 830px; width: 100vw;} } @media screen and (max-width: 760px) { .catalog_list.list .catalog_item.grid {width: 48% !important;} #slider li {width: 760px; width: 100vw;} } @media screen and (max-width: 750px) { .sliderbutton {width: 55px;} .pagination {bottom: 14px;} } @media screen and (max-width: 720px) { .sub_menu ul {float: none; width: auto; display: inline-block; vertical-align: top; box-sizing: border-box;} } @media screen and (max-width: 700px) { .cena_sht {display: inline;} .cena_sht:after {content: ""; display: block; width: 100%; height: 1px;} .modal {left: 2%; right: 2%; margin-left: 0px; width: auto; overflow: auto; max-height: 80%;} .modal-body {text-align: center;} .map_bg {background-size: 135% 270px;} .fancybox img {margin: 4% 4% 0% 0%; max-width: 45% !important; height: auto !important; max-height: 170px !important;} body.noshade #dialog {left: 8%; right: 8%;} #slider li {width: 700px; width: 100vw;} #main-intro .col60 {float: none; width: 100%; padding: 20px 20px 0px 20px;} #main-intro .col40 {float: none; width: 100%; padding: 20px;} #main-intro p {line-height: 1.5em; margin: 15px 0px;} #main-intro .col60 > iframe {width: 100%; height: 52vw !important;} } @media screen and (max-width: 620px) { #mblock {display: inline-block; width: 100px; vertical-align: bottom; margin-right: 5px;} .sliderbutton {font-size: 45px;} } @media screen and (max-width: 600px) { .cena_sht {display: inline-block;} .cena_sht:after {display: none;} #tovari {padding: 10px 20px;} #tovari .tovar {margin: 0 0% 20px; width: auto; display: block;} #tovari .tovar .text_in .tx .image1 a > img {width: 100%;} #tovari .tovar .text_in .tx .image1 .badge_img img {width: 98px;} #tovari .tovar .text_in .tx .image1 .badge_for_makiyaz1 img {width: 98px;} #tovari .tovar .text_in .tx .image1 .badge_for_makiyaz2 img {width: 98px;} #tovari .tovar .text_in .tx .image1 .badge_for_makiyaz3 img {width: 98px;} #tovari .tovar .text_in .tx .image1 > a > img:last-child {margin-bottom: 0px;} #page > #tovari, #product-list > #tovari {margin-left: 0%; margin-right: 0%;} .image_product, .buy_product {width: auto; display: block; text-align: center; float: none; margin-bottom: 0px;} #main ul.menu-h {padding-left: 0px; text-align: center; margin-bottom: 20px;} form.addtocart {margin: 0 0 8px;} .image_product {margin-top: 20px;} #main ul#product-skus {padding-left: 0px;} body.noshade #dialog {left: 3%; right: 3%;} #slider li {width: 600px; width: 100vw;} } @media screen and (max-width: 550px) { table.cart tr {display: block; border-bottom: 1px solid #ddd; margin-bottom: 10px; text-align: center; position: relative;} table.cart, table.cart tbody, table.cart tr {display: block; width: auto;} table.cart td {display: inline-block; vertical-align: middle; width: auto !important; border-bottom: none; padding: 7px 5px 7px;} table.cart tr.no-border td.no-border {display: block; padding: 0px;} table.cart td br {display: none; width: auto;} table.table.cart + table.table.cart tr {border-bottom: none;} table.cart td.item-total {padding-top: 6px;} table.cart td.item_single {padding-top: 6px;} .content form > table.table.cart:first-child td.min-width {float: left; padding-left: 0px; min-height: 46px;} .content form > table.table.cart:first-child td.min-width + td {display: block !important; text-align: left; padding-right: 15px; padding-left: 55px; min-height: 46px;} .content form > table.table.cart:first-child tr td:last-child {position: absolute; right: 0px; top: 19px; padding: 0px;} * i.icon16 {margin: 0px;} table.cart td input.qty {margin-bottom: 3px; margin-top: 0px;} #td7 {position: static !important; padding-bottom: 0px;} #td7 div > span {padding-bottom: 10px;} table.cart tr.no-border {border-bottom: 0px !important; margin-bottom: 0px !important;} #mblock {display: block; width: auto; margin-right: 0px; margin-bottom: 10px;} #count2 {margin-top: 0px;} #slider li {width: 550px; width: 100vw;} #main-intro .col60 > iframe {height: 280px !important; height: 51vw !important;} } @media screen and (max-width: 510px) { .review-form-fields input[type="text"], .review-form textarea {width: 100%; box-sizing: border-box;} .wa-captcha {text-align: center;} .wa-captcha p img {float: none !important; margin-bottom: 5px;} .wa-captcha p > strong {display: none;} .wa-captcha p {margin-bottom: 0px;} .review-form .review-submit {text-align: center; padding: 0px;} .hint {display: none;} .hint2 {font-size:0.9em; display:block!important; margin-top:-15px;}/*NEWCODE*/ .errormsg {margin-left: 0px;} .review-form label {width: auto; float: none; margin-right: 0px;} .map_bg {background: none; height: auto;} } /*NEWCODE LASTSUPER4*/ #middlename-3 > span.wa-required.field > span, #middlename-12 > span.wa-required.field > span { color: #777; font-size: 0.9em; display: block; margin-top: 10px; } .wa-form span.wa-required.field > span::after, .wa-form .wa-field.wa-required .wa-name::after { content: " *"; color: #f00; } form.checkout-form div.checkout-step-content div.wa-form div.wa-field.wa-field-address.wa-field-address-shipping div.wa-value p span.wa-required.field > span::after { font-size: 1.2em; vertical-align: middle; } #middlename-3 > span.wa-required.field > em.errormsg, #middlename-12 > span.wa-required.field > em.errormsg { margin-left: 0!important; } li.shipping-1 > div.wa-form.wa-address > div.wa-field.wa-field-address.wa-field-address-shipping > div.wa-value > p > span.field:first-of-type, li.shipping-1 > div.wa-form.wa-address > div.wa-field.wa-field-address.wa-field-address-shipping > div.wa-value > p > span.field:last-of-type, li.shipping-2 > div.wa-form.wa-address > div.wa-field.wa-field-address.wa-field-address-shipping > div.wa-value > p > span.field:first-of-type, li.shipping-2 > div.wa-form.wa-address > div.wa-field.wa-field-address.wa-field-address-shipping > div.wa-value > p > span.field:last-of-type, li.shipping-6 > div.wa-form.wa-address > div.wa-field.wa-field-address.wa-field-address-shipping > div.wa-value > p > span.field:first-of-type, li.shipping-6 > div.wa-form.wa-address > div.wa-field.wa-field-address.wa-field-address-shipping > div.wa-value > p > span.field:last-of-type { display: none; } /*NEWCODE LASTSUPER4*/ /*NEWCODE*/ div#main div form div.wa-form div.wa-field.wa-field-address.wa-field-address-shipping div.wa-name { float: none; width: auto; font-weight: bold; margin-bottom: -15px; } select[disabled] { -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; line-height: 22px; width: auto; } @media screen and (min-width: 500px) { .ship-to-wrap { padding-bottom: 10px; } } /*NEWCODE*/ @media screen and (max-width: 500px) { table.table td.min-width img {max-width: 40px !important;} .wa-form .wa-field .wa-name {float: none; width: auto; text-align: left;} .wa-form .wa-field .wa-value input[type="text"], .wa-form .wa-field .wa-value input[type="email"], .wa-form .wa-field .wa-value input[type="password"], .wa-form .wa-field .wa-value select {width: 100%; box-sizing: border-box;} .wa-form .wa-field .wa-value p span {margin-top: 20px;} .checkout ul.checkout-options li p {width: 100%;} select.shipping-rates {width: 100%; box-sizing: border-box;} #main ul {padding-left: 15px;} .checkout-content table.table {display: block; width: 100%; box-sizing: border-box; overflow: auto;} .checkout-content table.table > tbody {display: table; width: 100%; box-sizing: border-box;} .checkout .checkout-result {padding: 20px;} .checkout .checkout-result h1 {overflow: hidden;} body .g-gap-horizontal {margin-left: 0px !important;} .b-pager__active, .b-pager__inactive {display: inline-block !important;} #ya-site-results .b-pager {text-align: center;} #page span[style^="font-size: 28px;"] {font-size: 20px !important;} #slider li {width: 500px; width: 100vw;} } @media screen and (max-width: 465px) { .foot_text > br + div {padding: 0px 20px; padding: 0px calc(20px - 2%);} .why {margin: 20px 2%; margin-top: 0px; width: 44%; max-width: 100% !important;} .foot_text > div {overflow: hidden;} .description > table {float: none; margin: auto; width: 100%; box-sizing: border-box; text-align: center;} .dop_product-width {margin: 0 0px 20px; width: auto; display: block;} .dop_product-width h5 {height: auto;} .dop_product-width .image {height: auto; width: auto; min-width: 186px !important;} .price {display: block;} .dop_product-width:last-child {margin-bottom: 0px;} #header .log {display: block;} #header .cart {display: block; margin-top: 20px;} .cart_img {margin-top: -10px;} nav li #login-content, nav li #login-content2 {width: 92%; left: 4%; right: 4%;} } @media screen and (max-width: 450px) { .contacts {padding: 0px; background: none; width: auto; max-width: 255px !important;} #market a {display: none;} #market a + a {display: inline-block !important;} .pagination {display: none;} #slider li {width: 450px; width: 100vw;} #main-intro .col60 > iframe {height: 222px !important; height: 49vw !important;} } @media screen and (max-width: 420px) { .checkout-content table.table, .checkout-content table.table tbody {display: block;} .checkout-content table.table tr {display: block; padding: 15px 0px; border-bottom: 1px solid #ddd; position: relative;} .checkout-content table.table th:empty {display: none;} .checkout-content table.table th {display: inline-block; vertical-align: top; padding: 0px 5px; width: auto; height: auto;} .checkout-content table.table td {display: inline-block; vertical-align: middle; padding: 0px 5px; width: auto; height: auto; border-bottom: none;} .checkout-content table.table td:first-child {display: block;} .checkout-content table.table tr.no-border td {padding-top: 0px; display: inline-block !important;} body.noshade #dialog {left: 2%; right: 2%;} } @media screen and (max-width: 400px) { .image_imp > img {margin: 7px !important; margin-bottom: 0px !important;} .call b {display: inline-block;} .content .product-page > h1, #main > div > h1 {line-height: normal;} #slider li {width: 400px; width: 100vw;} } @media screen and (max-width: 365px) { .cena_sht {display: inline;} .cena_sht:after {content: ""; display: block; width: 100%; height: 1px;} .counter, .foo {display: block; width: auto; text-align: center;} h1 {font-size: 2em;} .checkout-header {margin-left: 0px; margin-right: 40px;} #page img[alt="?"], #page img[alt="!"] {margin: 10px 15px 0px 0px; !important} .footmenu {max-width: 300px !important;} #market {position: static; text-align: center;} } @media screen and (max-width: 350px) { .checkout .checkout-step h2 {overflow: hidden; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} .modal .btn {margin: 5px !important;} .checkout-step-content h2 {font-size: 1.6em;} #slider li {width: 350px; width: 100vw;} #main-intro .col60 > iframe {height: 165px !important; height: 47vw !important;} } @media screen and (max-width: 330px) { .uzor {margin-right: 0px;} .content .product-page > h1, #main > div > h1 {padding-right: 10px;} .checkout-step-content h2 {font-size: 1.5em;} .checkout-header {margin-right: 25px;} #slider li {width: 330px; width: 100vw;} } @media screen and (max-width: 300px) { .why {width: auto;} } @media screen and (max-width: 285px) { .contacts {padding: 0px;} } /* playback timings (ms): captures_list: 0.799 exclusion.robots: 0.026 exclusion.robots.policy: 0.011 esindex: 0.017 cdx.remote: 358.44 LoadShardBlock: 187.225 (3) PetaboxLoader3.datanode: 501.929 (5) load_resource: 3802.65 PetaboxLoader3.resolve: 3071.881 loaddict: 218.202 */