#grayscale");/* Firefox 3.5+ */ -webkit-filter:grayscale(100%);/* Chrome 19+ & Safari 6+ */ } .contacts-wrap__header{ font-weight:700; } .contacts-wrap__data{ display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start;margin-bottom:20px; } @media (min-width:320px) and (max-width:767px){ .contacts-wrap__data{ -ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 20px; } } .contacts-wrap__data-item{ font-size:16px;color:#363636; } .contacts-wrap__data-item p{ padding-bottom:15px; } .contacts-wrap__data-item:last-child{ width:585px;padding-right:25px;line-height:22px; } .feedback{ display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;color:#fff; } .feedback__btn{ padding:0;margin:30px auto 0 auto; } .feedback__item:first-child{ width:320px; } @media (min-width:320px) and (max-width:767px){ .feedback__item:first-child{ width:100%; } } @media (min-width:992px) and (max-width:1199px){ .feedback__item:first-child{ margin-right:30px; } } .feedback__item:last-child{ width:490px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap; } @media (min-width:320px) and (max-width:767px){ .feedback__item:last-child{ width:100%; } } @media (min-width:768px) and (max-width:900px){ .feedback__item:last-child{ width:320px; } } .feedback__textarea{ width:354px;height:140px;resize:none;font-size:16px;padding:10px;color:#363636;border:none; } @media (min-width:320px) and (max-width:767px){ .feedback__textarea{ width:100%; } } .feedback__input{ width:210px;height:35px;resize:none;font-size:16px;padding:0 10px;color:#363636;border:none; } input.error, textarea.error{ background:#fcc !important;border-color:#fcc !important; } @media (min-width:320px) and (max-width:767px){ .feedback__input{ width:100%; } } .feedback__container{ width:1080px;transform:skew(-22deg);background:#1d324f;position:relative;overflow:hidden; } @media (min-width:320px) and (max-width:1199px){ .feedback__container{ transform:skew(0);width:100%; } } .feedback__container:after{ content:'';position:absolute;top:0;left:-10%;width:120%;height:100%;transform:skew(22deg);background:url(/template/css/../img/contacts/feedback-bg.png);background-size:cover; } .feedback__content{ transform:skew(22deg);padding:35px 100px;z-index:5;position:relative; } @media (min-width:320px) and (max-width:1199px){ .feedback__content{ transform:skew(0);padding:20px; } } .feedback__name{ color:#dd1206;font-size:26px;font-weight:500;padding-bottom:20px; } @media (min-width:320px) and (max-width:900px){ .feedback__name{ text-align:center; } } .feedback__input-inner{ display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:15px; } @media (min-width:320px) and (max-width:767px){ .feedback__input-inner{ -ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start; } } label.error{ /* display:none !important; */ display: block; } .feedback-form{ display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between; } @media (min-width:320px) and (max-width:767px){ .feedback-form{ -ms-flex-direction:column;flex-direction:column; } } @media (min-width:768px) and (max-width:900px){ .feedback-form{ -ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center; } } .basket-order{ padding-top:20px;padding-bottom:65px; } .basket-order__head{ font-size:18px;color:#20307e;font-weight:500; } @media (min-width:320px) and (max-width:767px){ .basket-order{ width:100%;margin:0 auto;padding:20px 20px 100px 20px; } } .basket-order__item{ padding-bottom:35px; } .basket-form-radio{ padding:10px 0; } .buttons_basket{ margin:10px 0 30px; } .basket-radio{ display:none; } .basket-radio:checked ~ .basket-radio-label:after{ content:'';position:absolute;width:8px;height:8px;background:#20307e;border-radius:8px;top:50%;margin-top:-4px;left:4px; } .basket-radio-label{ line-height:25px;padding-left:30px;position:relative;cursor:pointer; } .basket-radio-label:before{ content:'';position:absolute;left:0;width:16px;height:16px;border:1px solid #ccc;border-radius:8px;top:50%;margin-top:-8px; } .basket-form-input{ font-size:16px; } .basket-form-input__name{ width: 223px;line-height:37px;color:#000;display:inline-block;font-weight:400;position:relative; vertical-align: top; } .basket-form-input__name .icon-info{ float:right;margin:3px 0 0 5px;height:26px; } .basket-form-input__name img{ width:18px; } @media (min-width:320px) and (max-width:767px){ .basket-form-input__name{ display:block; } .basket-form-input__name .icon-info{ float:none; } } .basket-form-input__inner{ /* float:right; */ /* margin-right:50px; */ } @media (min-width:320px) and (max-width:767px){ .basket-form-input__inner{ float:none;margin-right:0; } } @media (min-width:992px) and (max-width:1400px){ .basket-form-input__inner{ margin-right:0; } } .basket-form-input__inner--textarea{ /* margin-right:-14px; */ } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } .basket-form-input__textarea{ width:318px;height:150px;outline:none;border:1px solid #ccc;border-radius:2px;padding:10px 10px;resize:none; } .basket-form-input__inner { width:220px; display: inline-block; } .basket-form-input__input{ height:37px;outline:none;border:1px solid #ccc;border-radius:2px;padding:0 10px;font-weight:400; } @media (min-width:992px) and (max-width:1199px){ .basket-form-input__inner{ width:200px; } } @media (min-width:320px) and (max-width:767px){ .basket-form-input__inner{ width:100%; } } .basket-form-input__item{ padding-top:20px; } .basket-form-input__item:after{ content:'';clear:both; } .link-back{ position:absolute;left:10px;bottom:65px;z-index:3;color:#000;line-height:1.3; } .link-back img{ width:34px; } @media (min-width:320px) and (max-width:767px){ .link-back{ bottom:10px;left:15px; } } .link-back:hover img{ transform:scale(0.9); } .link-back:hover{ text-decoration:none;color:#000; } .basket-form-checkbox{ display:none; } .basket-form-checkbox:checked ~ .basket-checkbox-label:after{ content:'';position:absolute;width:6px;height:12px;transform:rotate(45deg);border-bottom:1px solid #20307e;border-right:1px solid #20307e;top:50%;margin-top:-7.5px;left:9px; } .basket-checkbox-label{ line-height:22px;padding-left:30px;position:relative;cursor:pointer; } .basket-checkbox-label:before{ content:'';position:absolute;left:0;width:22px;height:22px;border:1px solid #ccc;border-radius:2px;top:50%;margin-top:-11px; } .basket-confirm{ margin-top:0;margin-bottom:20px;font-size:18px;z-index:5;position:relative;color:#252525;line-height:24px; } .data-conf{ padding:0 25px 25px 25px;border-bottom:1px solid #ccc; } @media (min-width:320px) and (max-width:767px){ .data-conf{ padding:0 15px 25px 15px; } } .data-conf__item{ padding-top:20px; } .data-conf__item div{ display:inline; } .data-conf__item div:first-child{ padding-right:5px;font-weight:400; } .data-conf__item--cost-name{ text-transform:uppercase;font-size:18px;color:#225aa4;font-weight:700; } .data-conf__item--cost-value{ font-size:35px;color:#225aa4;font-weight:700; } .data-conf__item--cost-value span{ font-size:16px; } .data-conf__item--wheel div{ display:table-cell; } .data-conf__item--wheel div:first-child{ padding-right:5px; } .data-conf__item--wheel div:not(:first-child){ font-weight:700;text-transform:uppercase;color:#225aa4; } .data-conf__item--wheel div:last-child{ font-weight:400;color:#252525;display:block;padding-top:10px; } @media (min-width:320px) and (max-width:767px){ .data-conf__item--wheel div:last-child{ text-align:left; } } .data-conf:last-child{ border-bottom:none; } .page-content{ padding-bottom:30px;line-height:24px;font-weight:300; } .text ul, .popover-content ul{ margin:0 0 20px 20px;list-style-type:disc; } .popover-content ul{ margin:0 0 0 15px; } .text p{ margin:5px 0 10px; } @media (min-width:320px) and (max-width:767px){ .page-content{ padding-left:20px;padding-right:20px; } } .page-content--no-padding{ padding:0; } .page-content__img{ overflow:hidden;width:100%; } .page-content b{ font-weight:700; } .page-content p{ margin-bottom:20px; } .page-content.text-more p{ margin:0;padding:0 0 15px; } @media (min-width:320px) and (max-width:767px){ } .page-content h2, .h2{ font-size:20px;font-weight:700;color:#dd1206;text-transform:uppercase;margin-bottom:15px; } .page-content h3{ font-size:18px;font-weight:700;color:#dd1206;text-transform:uppercase;margin-bottom:15px; } .page-content img{ width:auto;max-width:100%;height:auto;margin:0 auto; } .news-archive{ padding:15px 0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center; } @media (min-width:320px) and (max-width:767px){ .news-archive{ display:inline-block;font-size:0; } } .news-archive__name{ font-size:16px;padding-right:10px; } @media (min-width:320px) and (max-width:600px){ .news-archive__name{ display:none; } } .news-archive__link{ font-size:16px;line-height:30px;padding:0 20px;border:1px solid #d7d7d7;border-right:none;color:#225aa4;display:inline-block; } @media (min-width:320px) and (max-width:470px){ .news-archive__link{ padding:0 15px; } } .news-archive__link:hover{ background:#d7d7d7;text-decoration:none; } .news-archive__link.active{ background:#225aa4;color:#fff;pointer-events:none;border:1px solid #225aa4; } .news-archive__link:last-child{ border-right:1px solid #d7d7d7; } .news-all{ display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center; } @media (min-width:320px) and (max-width:767px){ .news-all{ -ms-flex-direction:column;flex-direction:column; } } .news-wrapper{ display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:35px; } .news-item{ width:calc((100%/3) - 20px);margin-right:30px;margin-bottom:40px;position:relative; } @media (min-width:992px){ .news-item:nth-child(3n){ margin-right:0; } } @media (min-width:768px) and (max-width:991px){ .news-item{ width:calc((100%/2) - 5px);margin-right:10px; } .news-item:nth-child(2n){ margin-right:0; } } @media (min-width:600px) and (max-width:767px){ .news-item{ margin-right:10px;margin-left:5px;width:calc((100%/2) - 30px); } } @media (min-width:320px) and (max-width:599px){ .news-item{ width:calc(100%);margin-right:10px;margin-left:10px; } } .news-item__img{ overflow:hidden;max-height:290px;margin-bottom:15px;position:relative; } .news-item__img img{ vertical-align:bottom; } @media (min-width:1200px){ .news-item:hover .news-item__name{ top:0; } .news-item:hover .news-item__date{ right:-20px; } } .news-item__read-more{ color:#225aa4;padding-top:20px;display:block; } .news-item__name{ position:absolute;top:-100%;left:0;right:0;padding:20px;background:rgba(34, 90, 164, 0.9);font-weight:400;transition:.3s; } .news-item__name p{ font-size:22px;color:#fff; } @media (min-width:320px) and (max-width:1199px){ .news-item__name{ top:0; } } .news-item__date{ position:absolute;bottom:0;right:-100%;padding:0 45px 0 25px;line-height:35px;transform:skew(-22deg);background:rgba(221, 18, 6, 0.8);transition:.3s; } .news-item__content{ line-height:1.4; } @media (min-width:320px) and (max-width:1199px){ .news-item__date{ right:-20px; } } .news-item__date span{ transform:skew(22deg);display:block;font-weight:400;color:#fff; } .raiting{ bottom:10px;right:10px;width:100px;height:19px;display:inline-block;vertical-align:middle; } .raiting__link{ font-size:14px;color:#225aa4;text-decoration:underline;padding-left:5px; } .raiting__link:hover{ text-decoration:none; } .raiting__star{ position:relative;width:100%;height:100%;background-image:url(/template/css/../img/basket/star.png); } .raiting__star-full{ position:absolute;top:0;left:0;width:0;height:100%;background-image:url(/template/css/../img/basket/star-full.png); } .basket{ color:#000; } .basket img{ width:150px; } .basket__cost{font-size:36px;font-weight:600;color:#dd1206;padding-top:20px;white-space:nowrap} .special-offer__item{height:325px} .special-offer__item .basket__cost{padding:0} .basket__cost .cost__kopeck{font-size:22px;vertical-align:top} .card-price-hover__heading{font-weight:bold;color:#000} .card-price-hover__text{font-weight:300;color:#333} .cost__question{background:#fff;border-radius:50%;color:#999;border:1px #999 solid;width:18px;cursor:pointer;display:inline-block;text-align:center;margin-left:3px;font-size:13px;line-height:16px;font-weight:600;font-family:Arial} .cost__grey{color:#666} .cost__grey .deleted{display:inline-block;position:relative} .cost__grey .deleted:after{content:'';position:absolute;border-top:2px #666 solid;left:-1px;right:20px;top:45%;transform:rotate(-22deg)} .cost__title{font-weight:100;width:100px;display:inline-block;white-space:nowrap;text-align:right;margin-right:5px;color:#666} .cost__currency{font-weight:100} .product__wrap .basket__cost{ font-size:35px; } .product__info{ margin-bottom:30px; } @media (min-width:320px) and (max-width:1199px){ .basket__cost{font-size:28px} .basket__cost .cost__kopeck{font-size:18px} } .basket__cost span{ font-size:14px; } .basket__cost span.basket__cost-name{ font-size:16px;color:#000;vertical-align:middle;padding-right:10px; } .basket__form{ padding-left:60px; } @media (min-width:1200px) and (max-width:1399px){ .basket__content{ } .basket__form{ padding-left:0; } } @media (min-width:320px) and (max-width:767px){ .basket__form{ padding-left:0;width:100%; } } @media (min-width:768px) and (max-width:1199px){ .basket__form{ padding-left:0; } } .basket__btn-inner{ padding:0 0 40px 0;margin:0 auto;text-align:center; } .basket__raiting{ padding-bottom:20px; } .basket__img{ position:relative;padding-top:25px;overflow:hidden;margin-bottom:10px; } @media (min-width:320px) and (max-width:767px){ .basket__img{ display:block;text-align:center;width:100%; } } .basket__img img{ vertical-align:bottom; } .basket__data{ padding-left:20px; } @media (min-width:320px) and (max-width:767px){ .basket__data{ padding:20px 0; } } .basket__data-table{ display:-ms-flexbox;display:flex; } @media (min-width:320px) and (max-width:767px){ .basket__data-table{ -ms-flex-direction:column;flex-direction:column; } } @media (min-width:768px) and (max-width:1199px){ .basket__data-table{ -ms-flex-direction:column;flex-direction:column; } } .basket__data-colum{ padding-right:75px; } @media (min-width:768px) and (max-width:1199px){ .basket__data-colum{ padding-right:10px; } } .basket__data-item{ margin-bottom:5px;width:280px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;position:relative;overflow:hidden } .basket__data-item:after{ content:".........................................................................................................."; position:absolute; right:5px; display:block; top:0px; font-size:.7rem; z-index:1; letter-spacing:2px; color:#666; } .basket__data-item span{background:#fff;display:inline-block;position:relative;z-index:2;padding-right:5px} .basket__data-item span:last-child{ font-weight:700; padding:0 0 0 5px } .basket__img-type{ position:absolute;top:0;left:0; } .basket__link{ font-size:18px;color:#225aa4;margin-right:35px;font-weight:500; } .basket__header{ padding-bottom:15px; } @media (min-width:320px) and (max-width:767px){ .basket__header > *{ display:block;line-height:1.3; } } .basket__item{ margin-top:35px;border-bottom:1px solid #ccc;position:relative; } @media (min-width:320px) and (max-width:767px){ .basket__item{ width:320px;margin:0 auto;padding:20px 10px;margin-bottom:20px;border:1px solid #ccc; } } .basket__content{ display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:space-between;-ms-flex-align:center;align-items:center; } @media (min-width:320px) and (max-width:767px){ .basket__content{ -ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start; } } @media (min-width:768px) and (max-width:1199px){ .basket__content{ padding-bottom:20px; } } .basket__options{ display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:absolute;top:-10px;right:0; } .basket__count p{ margin-bottom:10px; } @media (min-width:320px) and (max-width:767px){ .basket__options{ position:static;-ms-flex-pack:distribute;justify-content:space-around;padding-bottom:20px; } } @media (min-width:768px) and (max-width:991px){ .basket__options{ position:static;-ms-flex-pack:distribute;justify-content:space-around;padding-bottom:20px;-ms-flex-direction:column;flex-direction:column;margin-top:-35px; } } .basket__options-item{ margin-left:15px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#000;text-decoration:none !important; } .basket__options-inst{ cursor:pointer; } @media (min-width:320px) and (max-width:767px){ .basket__options-item{ -ms-flex-direction:column;flex-direction:column;margin-left:0;text-align:center; } } @media (min-width:768px) and (max-width:1199px){ .basket__options-item{ margin-right:0;text-align:center;margin-top:10px; } } .basket__options-item:hover img{ transition:.3s;transform:rotate(10deg); } .basket__options-item img{ width:45px !important;transition:.3s; } .basket__options-item span{ width:100px;padding-left:10px;font-size:14px; } @media (min-width:320px) and (max-width:767px){ .basket__options-item span{ padding-left:0;display:inline-block;padding-top:10px; } } .basket__form-item{ display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;justify-content:space-between;margin-bottom:20px; } .basket__form-item span{ white-space:nowrap; } .basket__form-item span:last-child{ text-align:right;line-height:19px; } .green{ color:green;font-weight:bold; } .red{ color:red;font-weight:bold; } @media (min-width:320px) and (max-width:1199px){ .basket__form-item span:last-child{ font-size:14px; } } @media (max-width:767px){ .basket__form-item{justify-content:flex-end; } } .basket__select{ width:60px;height:38px;border:1px solid #d6d6d6;outline:none;margin:0 10px;padding:0 5px; } .shk-count{ text-align:center; } .basket__catalog--inner{ display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-top:30px; } .basket__catalog--inner .basket__cost{ padding-top:0; } .basket__delete{ position:absolute;top:15px;right:0;width:30px;height:30px;cursor:pointer; } @media (min-width:320px) and (max-width:767px){ .basket__catalog--inner{padding:10px 10px 0;flex-direction:column} .cust-btn--catalog{margin:20px 0 0} } @media (min-width:320px) and (max-width:1399px){ .basket__delete{ right:0; } } .basket__delete:hover:after{ transform:rotate(30deg);transition:.3s; } .basket__delete:hover:before{ transform:rotate(-30deg);transition:.3s; } .basket__delete:after{ position:absolute;content:'';width:100%;height:2px;background:#e8e8e8;transform:rotate(45deg);transition:.3s; } .basket__delete:before{ position:absolute;content:'';width:100%;height:2px;background:#e8e8e8;transform:rotate(-45deg);transition:.3s; } .catalog{ color:#000000;padding-bottom:70px; } .basket__img img{ width:auto; } img.basket__img-product{ height:160px; } .catalog__header{ display:-ms-flexbox;display:flex;height:100px;-ms-flex-align:center;align-items:center;font-size:26px;color:#dd1206;font-weight:500;border-bottom:1px solid #ccc; } .catalog__header span{ padding-right:90px; } .product{ } .product__cost{ padding:20px 20px 13px;margin:0 -20px;overflow:hidden;border-bottom:1px solid #eee;margin-bottom:16px; } .product__cost .title__cost{ padding:17px 0 10px;display:inline-block; } .product__cost .basket__cost{ padding-top:0; } .product__options{ display:-ms-flexbox;display:flex;margin:35px 0; } .product__options-item{ display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-right:25px; } .product__options-item img{ width:45px !important;transition:.3s; } .product__options-item:hover img{ transition:.3s;transform:rotate(10deg); } @media (min-width:320px) and (max-width:767px){ .product__cost .title__cost{font-size:13px} .product__options-item{ margin-right:0; } } .product__options-item span{ width:100px;padding-top:10px;text-align:center; } .product__raiting{ padding-top:15px; } .product__header{ line-height:1.3; } .product__img{ position:relative;border:1px #ccc solid;text-align:center;padding-top:20px; } .product__img img{ max-height:410px; } @media (min-width:320px) and (max-width:991px){ .product__img img{ } } @media (min-width:320px) and (max-width:767px){ .product__img{ text-align:center;margin-bottom:20px; } } .product__img-marka{ background:#e0e0e0;position:absolute;bottom:0;width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; } .product__img-marka p{ font-size:20px;font-weight:bold;padding:15px 0; } .product__link{ font-size:18px;color:#225aa4;display:block;font-weight:500; } .product__link + span{ display:block; } .product__content{ display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:25px; } @media (min-width:320px) and (max-width:767px){ .product__content{ -ms-flex-order:1;order:1;padding-left:0; } } .product__item{ display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start; } @media (min-width:320px) and (max-width:767px){ .product__item{ width:320px;margin:0 auto;-ms-flex-direction:column;flex-direction:column;padding:20px 10px;border:1px solid darkgrey; } } .product__inner{ display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center; } .product img{ max-width:100%;width:auto; } @media (min-width:320px) and (max-width:767px){ .product img{ max-width:50%; } } .product__tabs{ padding-top:35px; } @media (min-width:320px) and (max-width:767px){ .product__tabs{} } .nav-product{ display:-ms-flexbox;display:flex;margin-left:8px; } @media (min-width:320px) and (max-width:620px){ .nav-product{ display:block;margin-left:0;text-align:center; } } .nav-product__item{ transform:skew(-22deg);line-height:40px;padding:0 25px;cursor:pointer;color:#225aa4;font-weight:500;font-size:18px;text-transform:uppercase; } @media (min-width:320px) and (max-width:620px){ .nav-product__item{ transform:skew(0); } } .nav-product__item.active{ background:#225aa4;color:#fff;pointer-events:none; } .nav-product__item span{ transform:skew(22deg);display:inline-block; } @media (min-width:320px) and (max-width:620px){ .nav-product__item span{ transform:skew(0); } } .page-product{ border:1px solid #ccc;padding:35px 45px;color:#000;font-size:18px; } .page-product__item{ display:none; } .page-product__item.active{ display:block; } .page-product__content{ display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:0 -20px;padding:5px 15px;margin-bottom:5px; } .page-product__content:hover{ background:rgba(34, 90, 164, 0.17); } .page-product__content span:last-child{ font-weight:500;text-align:right; } .view-contacts{ -ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%;transition:.3s;margin:10px 0;display:none; } @media (min-width:320px) and (max-width:767px){ body{padding-top:47px} .view-contacts{ display:-ms-flexbox;display:flex;background:#fff;padding-top:5px;position:fixed;top:0;z-index:1000;margin:0;box-shadow:0 0 5px #999 } .header--bg .link__phone, .header--bg .link__phone:hover{ color:#303030; } } .view-contacts__fixed{background:#225aa4;position:fixed;top:-60px;left:0;right:0;z-index:1000;margin:0} .view-contacts__fixed a.link__phone{color:#fff} .view-contacts__btn{ line-height:48px;font-size:20px;color:#225aa4;font-weight:500;padding:0 20px;transform:skew(-22deg);border:1px solid #225aa4; } .view-contacts__btn.white{ border:1px solid #fff;color:#fff; } .view-contacts__btn span{ display:inline-block;transform:skew(22deg); } .view-contacts__content{ height:0;overflow:hidden;transition:.3s;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center; } .view-contacts.active .view-contacts__content{ height:auto;transition:.3s; } .mobile-menu{ width:25px;height:20px;transition:.3s;z-index:5;position:relative;cursor:pointer; } .mobile-menu__inner{ border-radius:0;padding:10px 15px;transform:skew(-22deg); } .mobile-menu__inner.white{ border-color:#fff; } .mobile-menu.exit{ top:30px;right:20px; } .mobile-menu.exit:after{ top:50%;transform:rotate(45deg);transition:.3s; } .mobile-menu.exit:before{ top:50%;transform:rotate(-45deg);transition:.3s; } .mobile-menu.open{ transform:skew(22deg); } .mobile-menu.open:after{ content:'';position:absolute;bottom:0;height:2px;width:100%;background:#225aa4;left:0;border-radius:5px;transition:.3s; } .mobile-menu.open:before{ content:'';position:absolute;height:2px;width:100%;background:#225aa4;top:0;left:0;border-radius:5px;transition:.3s; } .mobile-menu.open.white:after{ background:#fff; } .mobile-menu.open.white:before{ background:#fff; } .mobile-menu__item{ height:2px;width:100%;background:#225aa4;border-radius:5px;transition:width .5s;vertical-align:middle;position:absolute;top:50%;margin-top:-1.5px; } .mobile-menu__item.white{ background:#fff; } .mobile-window{ position:fixed;width:270px;height:100%;z-index:10;background:#215aa3;left:-270px;transition:.3s;top:0;bottom:0;padding:60px 0 30px 0;overflow-y:auto; } .mobile-window.active{ left:0;transition:.3s; } .mobile-window__item{ padding:10px 0;border-bottom:1px solid #fff; } .mobile-window__link{ width:100%;display:block;line-height:40px;font-weight:500;color:#fff;padding:0 20px; } .mobile-window__link.active{ background:rgba(38, 97, 208, 0.57); } .mobile-window__link:hover{ background:rgba(38, 97, 208, 0.57); } .close-menu{ text-align:center; } .close-menu__cross{ display:inline-block;height:20px;width:20px;position:relative;vertical-align:top;margin:6px 0 0 15px; } .close-menu__cross:after{ content:'';position:absolute;background:#fff;height:2px;width:100%;transform:rotate(45deg);top:50%;right:0;margin-top:0px; } .close-menu__cross:before{ content:'';position:absolute;background:#fff;height:2px;width:100%;transform:rotate(-45deg);top:50%;right:0; } .close-menu > div{ color:#fff;line-height:35px;border:1px solid #fff;display:inline-block;padding:0 20px;margin:0 auto;transform:skew(-22deg); } .close-menu > div > span{ display:inline-block;transform:skew(22deg); } .close-menu > div:hover{ background:#2e59b9; } .header-basket__img{ display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:60px;height:60px;border-radius:50%;padding:14px;background:#215aa3;margin-bottom:5px; } @keyframes animation{ 20%{ transform:rotate(5deg); } 40%{ transform:rotate(-4deg); } 60%{ transform:rotate(3deg); } 80%{ transform:rotate(-3deg); } to{ transform:rotate(0deg); } } .shs-tocart{ border:1px #ccc solid;padding:20px; } @media (min-width:1200px){ .shs-tocart{min-height:455px} .pay__delivery{min-height:455px} } @media (min-width:768px) and (max-width:991px){ .pay__delivery{margin-top:30px} } .product__img{ min-height:100%; } .pay__delivery{ line-height:18px;font-size:13px;background:#eee;padding:20px 20px 10px; } .pay__delivery p{ margin-bottom:15px; } .pay__delivery p.h2{ margin-top:0; } .pay__delivery hr{ border-color:#ccc; } .pay__delivery ul{ margin-left:17px; } .pay__delivery ul li{ list-style-type:disc;margin-bottom:10px; } ul.winter, ul.summer{ list-style-type:none;padding:0;line-height:22px; } ul.summer li, ul.winter li{ padding-left:22px;padding-bottom:5px; } ul.summer li{ background:url(/template/css/../img/temp/summer.png) no-repeat 0 2px; } ul.winter li{ background:url(/template/css/../img/temp/winter.png) no-repeat 0 2px; } #mse2_sort .sort[data-dir="asc"] span:after{content:"↑"} #mse2_sort .sort[data-dir="desc"] span:after{content:"↓"} #mse2_selected_wrapper{margin:20px 0;min-height:0 } #mse2_selected{padding:0 ;background:none ;font-size:0} #mse2_selected strong{font-size:14px} #mse2_selected a{border-radius:3px;border:1px #ccc solid;color:#333;background:#fff;padding:5px 10px;display:inline-block;margin:0 10px 5px 5px;font-size:14px} #mse2_selected a em{font-style:normal} #mse2_selected a:hover{background-color:#e6e6e6;border-color:#adadad;color:#333;text-decoration:none} #mse2_selected a sup{color:#999;bottom:0;font-size:16px;vertical-align:baseline;top:auto;display:inline-block;margin-left:3px;font-weight:bold;font-family:Arial, Helvetica, sans-serif} @media (max-width:767px){ .shs-tocart{border:none} #mse2_selected_wrapper{margin:0 20px 20px} } .podbor{background:#f7f7f7;padding:15px} .podbor p{text-align:center;font-size:17px;font-weight:bold} .podbor select{display:block;border:1px #ccc solid;width:100%;margin-bottom:10px;padding:3px} .podbor .btn{font-size:14px;font-weight:bold;text-transform:uppercase;padding:6px 12px} .podbor-wrap{border:1px #ccc solid;padding:20px;margin:0 0 20px} .podbor-wrap h3{text-align:center;margin:0 0 20px;border:1px #ccc solid;padding:10px;text-transform:none} .podbor-wrap h4{text-align:center;margin:0 0 20px} .podbor-var{text-align:center;background:#e5e5e5;padding:5px 15px 15px} .podbor-var p{margin:10px 0 0} .podbor-var a{text-decoration:underline} .podbor-var a:hover, .podbor-var a:focus{text-decoration:none} .prods > div{ margin:2px 0; } @media (max-width:767px){ .page-calc{min-height:auto} .prods{margin-top:-7px} .prods > div{margin:7px 0;font-size:18px} .form-calc__name, .filter_title{padding-bottom:5px} } #oneClickForm .description p{margin-bottom:10px} #oneClickForm img{max-width:100%;width:140px;margin-bottom:20px} #oneClickForm label.control-label{margin-bottom:5px} #oneClickForm hr{margin:0 -10px 20px} .comments .h1, .comments h3, #comment-new-link {display:none} .starRating{overflow:hidden} .starRating label{float:left;margin-right:4px} .rating-input{float:left;margin:3px 0 0 4px} .icon{background-repeat:no-repeat;display:inline-block;width:20px;height:19px;padding-right:3px;cursor:pointer} .icon-star{background-image:url(/template/css/../img/catalog/star-full.png);margin-right:4px} .icon-star.empty{background-image:url(/template/css/../img/catalog/star.png)} #comment-editor{padding:6px 12px;resize:none;width:100% !important} #comment-form{max-width:600px} .text-more{margin-bottom:30px} .none{display:none} .button-more{border-top:1px solid #ccc} .button-more .toogle-text-other{margin-top:-1px} button:active, button:focus{outline:none} button::-moz-focus-inner{border:0} ul.tags{margin:0 15px 15px 0} ul.tags li{display:inline-block;padding-right:12px;margin-right:14px;border-right:1px #ccc solid} ul.tags li:last-of-type{border:none} @media (max-width:767px){ ul.tags{margin-left:20px;margin-right:20px} } select{background:url(/template/css/../img/temp/caret-down.png) right 5px center no-repeat #fff;background-size:10px 10px;border-radius:0;-webkit-appearance:none} #panel{position:fixed;bottom:10px;right:10px;z-index:1000000} .city{font-size:15px;font-weight:300;margin:8px 0 10px;display:flex;justify-content:space-between} .city a{text-decoration:underline;color:#dd1206} .city .city__select a{color:#000} .city a:hover{text-decoration:none} .city .icon{width:15px;height:15px;padding-right:0;margin-right:5px;cursor:default;background-size:contain} .city .icon-map{background-image:url(/template/css/../img/temp/placeholder.png)} .city .icon-info{background-image:url(/template/css/../img/temp/info.png)} .header--bg .city a{color:#fff} .header--bg .city .icon-map{background-image:url(/template/css/../img/temp/placeholder-white.png)} .header--bg .city .icon-info{background-image:url(/template/css/../img/temp/info-white.png)} #cityList a{font-size:15px;font-weight:300;color:#000} #cityList a.active{color:#dd1206} center{font-size:18px;margin-bottom:20px} table.withlines{font-size:18px;width:100% !important;margin-bottom:20px} table.withlines td, table.withlines th{border:1px #ccc solid;padding:10px 15px;width:auto !important} table.withlines tr.thead{background:#225aa4;color:#fff;font-weight:700} table.withlines th{text-align:center} table.withlines a{color:#000;cursor:text} table.withlines a:hover{text-decoration:none} .avto-menu__link { white-space: nowrap; } .logo__img { min-width: 140px; } .ntInp:focus-visible { outline: 0px; } .zanya { background: #c11e15; color: #fff; padding: 5px; font-weight: bold; text-align: center; font-size: 13px; } @media (max-width:768px){ .zanya { position: fixed; bottom: 0px; z-index: 50; } } .itgbloa { display: flex; justify-content: space-between; border-top: 1px solid #eee; padding-top: 20px; margin-top: 20px; } .priceSpanM { font-size: 24px; font-weight: bold; } .priceSpanM .cost__kopeck { font-size: 14px; position: relative; top: -11px; margin: 0px 3px;} .pricespanM .cost__currency { font-size: 15px; } .tooltipMain { display: block; color: #fff; background: #f00; text-align: center; font-size: 14px; line-height: 17px; padding: 5px; margin-bottom: 12px; border-radius: 7px; padding-bottom: 7px; } .specialText { /*display:none; top: -18px;*/ } .specialText-1 { display:none; } .basket__img { position: static !important; min-width: 116px; } .basket__img a { display: block; position: relative; } .basket__img-type { top: -10px !important; } .special-b { display: block; margin-bottom: 14px; font-size: 14px; line-height: 20px; } .special-span { font-size: 13px; display: block; margin-bottom: 10px; } .special-ul { font-size: 13px; margin-bottom: 10px; } .tippy-box { background-color: #ffffff; color: #000000; border: 1px solid #333; padding: 12px; } .special-link { display:inline !important; text-decoration: underline; } .special-link:hover { text-decoration: none; } @media (max-width:768px){ .tooltipMain { display: flex; color: #fff; background: #f00; text-align: center; font-size: 14px; line-height: 17px; padding: 5px; margin-bottom: 12px; border-radius: 7px; height: 50px; justify-content: center; align-items: center; width: 100%; } }