/*--------------- Теги категорий в товарах -----------------*/ .cattag ul {margin:22px 0 0 0;padding-inline-start:0px;} .cattag li {display:inline;} a.ctag {display:inline-block;padding:4px 10px;background:#fff;color:#C00;border:1px solid #ddd;border-radius:4px;} a.ctag:hover {color:#000;background:#eaeaea;border-color:#ddd} .dropdown-menu li > span{display:flex;align-items:center;padding:7px 10px;color:#666;font-size:.95em} .dropdown-menu li > span i, .dropdown-menu li > span img{min-width:15px;margin:0 7px 0 0;text-align:center} .archiv-product .price, .archiv-product .uznai_price, .archiv-product .product-page__cart {display:none;top:40px;} .archiv-product .rating {margin-top:53px;} /*====================================================================================================================================================================== ОБЪЕДИНЯЮЩИЕ ================*/ /*--------------- Скролл чтоб не прыгало -----------------*/ html {overflow-y:scroll !important;} html.scroll-disabled { overflow: visible;} /*--------------- Убираем тормоза при прокрутке -----------------*/ body{position:relative;} body:before {background:none no-repeat center center;background-size:cover;content:' ';height:100%;left:0;position:fixed;top:0;width:100%;will-change:transform;z-index:-1;} body, .heading span, .heading-h1 h1 {background:#fefefe !important;font-family:'Roboto',Arial,sans-serif;} .blur, .list-group a, .product-thumb__cart .btn:hover, .menu__level-1-li {transition:all ease-in-out 0s;} main {padding: 28px 0 20px;} a, a:focus, a:hover, a:visited { text-decoration: none !important;cursor: pointer;} a.btn {line-height: 33px;} .mt-0 {margin-top: 0px} .mb-20 {margin-bottom: 15px} .mb-20 {margin-bottom: 20px} .d-none{display:none!important} .red {color:#c00} .green {color:#0d6} .blue {color:#49d} .black {color:#000} .strong {font-weight:600;} .btn {transition: all ease-in-out 0s;} /*-21*/ h1.heading {margin:5px 0 25px;} h1.heading:after {border-bottom: solid 2px rgba(0, 0, 0, .1);opacity:.8;} h2, h3 {position:relative;margin:15px 0 15px;} h3, h3.heading {font-size: 1.3em;} .left {float:left;} .right {float:right;} .category-page h2:after {position:absolute;left:0;bottom:-5px;content:'';border-bottom:solid 2px #C00;} .category-page h2:after {width:130px;opacity:.5;} .category-page h3:after {width:100px;opacity:.4;} .heading {margin:0 0 8px;} .home-page .heading {opacity:.7;} .content-bottom .heading {opacity:.7;} #quick_order .heading {margin: 0 0 15px;opacity:.7;} .heading.viewed {margin-top:20px;} .heading:after {border-bottom: solid 2px #cc4b4b;} .heading-f {position: relative;font-size: 22px;font-weight: 600;margin: 0 0 20px;background: #dddddd;padding: 4px 0 2px 7px;border-radius: 4px;} #manufacturer_module {z-index: 5;} #manufacturer_module .heading {display: inline-block;width:unset;opacity:1;} #manufacturer_module .heading:after {border:none;} #column-right .heading {color:#bbb;opacity:1;margin:5px 0 25px;} #column-right .heading:after {border-bottom:solid 2px rgba(0, 0, 0, .1);opacity:0.8;} p {margin:0px;} p.afline:after {content:'';display:block;width:50%;height:2px;background-color:#C00;margin:22px auto 22px;opacity:0.6;} .dropdown-menu {padding: 4px;-webkit-box-shadow: 0 0px 12px rgb(0 0 0 / 50%);box-shadow: 0 0px 12px rgb(0 0 0 / 50%);} /* Затемнение всплывашек */ .br {margin-top: 25px;} .rb {margin: 0 5px;} .btn:active{background-image:none;outline:0;-webkit-box-shadow:none;box-shadow:none} ul.ul-li-none {margin:5px;} .ul-li-none li {list-style-type:none !important;} hr {margin:12px 0;} /*--------------- слайдшоу на главной -----------------*/ .uni-slideshow__item,.uni-slideshow__item:not(.fullwidth):before {background:none;} .uni-slideshow__image {position:relative;padding:0 10px;} .uni-slideshow__description {position:relative;padding:0 40px 0 0;} .uni-slideshow__img {position:relative;z-index:-1;} /*--------------- обесцвет картинок -----------------*/ .uni-slideshow img, .uni-banner__img, .captcha__img {-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;/*IE6-9*/-o-transition:all .4s;} .uni-slideshow img, .uni-banner__img, .product-thumb img, .news-module__image, .footer__payments-icon:not(img) {-webkit-filter:grayscale(30%);-moz-filter:grayscale(30%);-ms-filter:grayscale(30%);-o-filter:grayscale(30%);filter:grayscale(30%);filter:gray;/*IE6-9*/-o-transition:all .4s;} .uni-slideshow:hover img, .uni-banner__img:hover, .product-thumb:hover img, .uni-item:hover .news-module__image, .footer__payments-icon:not(img):hover, .uni-item:hover .category-wall__image {-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;filter:none;/*IE6-9*/opacity:1;} #goodshare div {-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;/*IE6-9*/-o-transition:all .4s;opacity:0.6;} #goodshare div:hover {-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;filter:none;/*IE6-9*/opacity:1 !important;} /*----------------------- для FX-бренд ------------------------*/ .list-group {margin-bottom:0px;} /*----------------------- Категории на главной ------------------------*/ .h-category-wall {opacity:.6;margin: 0 0 18px;} .category-wall .uni-module__wrapper .owl-item {margin-top:5px;} .category-wall__item a {font-size:.9em;font-weight:500;color:#000;filter:grayscale(20%);} .category-wall__item:hover a {color:#c00;opacity:1;filter:grayscale(0%);} /*-----------------------В одну строку ------------------------*/ .t1, .btn-primary, .category-wall__ul, .footer__column-li-addr, .footer__socials { white-space:nowrap; /* Запрещаем перенос строк */ overflow:hidden; /* Обрезаем все, что не помещается в область */ text-overflow:ellipsis; /* Добавляем многоточие */ } /*-39*/ .input {display:block;} .input input[type="checkbox"] {position:sticky;margin:1px 8px 0 0 !important;float:left;} .input input[type="radio"] {float:left;} .spiner {animation:0.7s linear 0s normal none 1 running spiner; -webkit-animation:0.7s linear 0s normal none 1 running spiner;} @keyframes spiner { 0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}} @-webkit-keyframes spiner { 0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}} /*-------------- Трансформация полей форм ------------*/ /*-55*/ .form-control {height:32px;border:solid 1px #ccc;-webkit-box-shadow:none;box-shadow:none;-o-transition:none;-webkit-transition:none;transition:none;} .form-control:focus { z-index: 2; border-color: rgba(178,142,0,0.6); box-shadow: 0 0 10px #fc0;} select.form-control {padding-right:23px; background:url(../image/chevron.png) no-repeat #fff;background-size:9px;background-position:top 50% right 8px;} /*--63--*/ .img-responsive {margin:0 auto 0;background-color:white;} /*--64--*/ .highlight { background: #fff5dd;} /*--73*/ span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {display:inline !important;} /*--74*/ .div-text-empty {display:none;background:#eee;} /*=================================================================================================================================================================== СТИЛИЩЕТ ================*/ /*-84*/ .top-menu {border-bottom:1px solid #ececec;} .top-menu .container {height:34px;} .top-menu__btn span, .top-menu__btn:after {margin:0 0 0 5px;} .top-menu__btn {height:34px;border-radius:none;} .top-menu__currency {display:none;} /*-103*/ .header-search .search-btn-clear {top:6px;right:35px;} .search-btn-clear {z-index:10;padding:1px 0 0 0;background: rgba(0, 0, 0, .15);font-size:13px;font-weight:600;color:#fff;text-shadow:none;filter:none;} .search-btn-clear:hover {color:#fff;background:#333;} .search-btn-clear:focus, .search-btn-clear:active {color:#fff;background:#C00;} .header-search__btn{position:absolute;z-index:1030;top:50%;right:5px;height:32px;width:32px;background:none;border:none;transform:translate(0, -50%)} .form-control:focus + .header-search__btn{color:#000;} /*==109=========================== Шапка ========= Адаптация ======== Выпадающие телефоны ==================*/ /*--134--*/ .header-search__btn { font-size: 16px; margin: 1px -3px 1px 0;} .header-search__btn:hover { background:none;} .header-search__input { color: #cc0000; } .t1 { font-size:1.6em;border-bottom: dotted 1px #999;} .t2 {margin:0px -10px 0px 0px;width:26px;height:26px;font-size:.9em;color:#dd5555;background:#f7f7f7;} .t2 {display:flex !important;align-items:center;justify-content:center;position:absolute;z-index:2;top:50%;right:0;transform:translateY(-50%);border-radius:100%;cursor:pointer;} .header-phones:hover .t2 {animation:show-phone 1.0s infinite; background:#dd5555; color:#fff;} @keyframes show-phone { from {margin-top:0px;animation-timing-function:ease-out;} 25% {margin-top:-3px;animation-timing-function:ease-in;} 50% {margin-top:-0px;animation-timing-function:ease-out;} 75% {margin-top:3px;animation-timing-function:ease-in;} to {margin-top:0px;} } .telephone {order:2;padding:0 20px;} .header-phones .t2:hover {animation:none;background:#c00;color:#fff;} .header-phones .dropdown-menu {width:232px;box-shadow:0 5px 15px rgb(0 0 0 / 50%);border:none;margin-top:0px;} .header-phones li {text-align:right;border-bottom:solid 1px rgba(0, 0, 0, .15);padding-top:0px;padding-bottom:0px;} .header-phones li .fab {float:left!important;font-size:22px;color:#d33;} .header-phones li .fab.fa-viber {font-size:20px;} .header-phones li .fas {float:left!important;font-size:18px;color:#d33;} .header-phones li .fa {float:left!important;font-size:19px;color:#d33;} .header-phones li a {display:block;padding:11px 8px;font-size:1.0em;color:#222;} .header-phones img {float:left !important;} a.cb {margin:-1px -5px -5px !important;text-align:center;background:#ffba30;color:#111 !important;border:1px solid #fa0;border-radius:0px 0px 4px 4px;} /*a.cb span {border-bottom:1px dashed #fd6;text-align:end;color:#111 !important;}*/ a.cb:hover {background:#fc0 !important;} .header-phones .header-phones__callback {margin:0 0 0px;} .header-phones .header-phones__span {border-bottom:1px dashed #fd6;text-align: end;} .header-phones .additionals {text-align:end;font-size:0.95em;} .header-phones__additional{border-bottom:dotted 0px;} /*--120---------- Смещение Корзины -----------------*/ .header-cart__total-items {right:-3px;} .header-cart__icon:hover {color:#777;} .header-cart__empty {color:#c33;} .fa-shopping-bag {transform:translateY(0px);-o-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .fa-shopping-bag:hover {transform:translateY(-3px);-o-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .fa-shopping-bag:before {content:"\f07a";} /*-141*/ #menu:before {content:'';background:#222;left:95% !important;right:0 !important;width:100vw;transform:translateX(-5%);} #menu:after {content:'';background:#be2e2e;right:5% !important;left:0 !important;width:100vw;transform:translateX(-95%);} .menu {min-height:44px;} .menu2 .menu__level-1-li:hover {background:#666;} .menu2 .menu__level-1-li:nth-child(6) ul:nth-child(3) .menu__level-2-a {color:#00f !important;} .menu2 .menu__level-1-li:nth-child(6) ul:nth-child(3) .menu__level-2-a:before {content:url(../image/ico/arrow_button.png);background:#666;} /*-153*/ .menu2 .menu__more {color:#4499dd;} /*--164------------ Крошки -----------------*/ .breadcrumb li + li:before{padding:1px 6px 0 6px;font-size:1.0em;content:"\2192\A0";font-family:revert;font-weight:400;color:#d96950;} .breadcrumb a {color:#555;} .breadcrumb a:hover {color:#c00;} .breadcrumb li {color: #aaa;} .points {color:#e80;} .product-data__item-span {color:#333333;} /*--------------- три точки в горизонтальном -----------------*/ /*--181--*/ .menu__level-1-li:last-child { background: #222 !important; border-radius: 0px;} /*--182--*/ .menu__level-1-li has-children .disabled {color:#fff;background:#c00 !important;} /*--194--*/ .menu2 .menu__level-2-li .disabled {color:#222;background:none !important;} .menu2 .menu__level-2-a a:visited {color: #aaa;} /*--195--*/ .menu__level-1-a {min-height:44px;} .menu__level-1-a.additional { font-size: 1.3em;} /*--196*/ /*--------------- Боковое меню -----------------*/ .list-group__children a {background:#fff !important;} .list-group__children a:hover {background:#fafafa !important;} /*--208*/ .content-bottom {margin-top:0px;} .content-bottom .uni-banner {margin:15px -10px 10px -10px;} /*--------------- Заголовок левой колонки -----------------*/ /*--213--*/ #column-left > div.heading {color:#bfbfbf;margin:0 0 16px;} #column-left > div.heading:after {border-bottom:solid 2px rgba(0, 0, 0, .1);} /*--219*/ /*------------------ Баннеры слева ужали -----------------*/ .uni-banner__img {object-fit: fill;} /*------------------ Баннеры преимуществ -----------------*/ .home-banner .hidden {display:flex !important; } .home-banner {margin-top:0;} .home-banner__icon {color:#cc4b4b;opacity:0.8;font-size:2.74em;} .home-banner__item {padding:10px 15px;border:solid 1px rgba(0, 0, 0, .05);border-radius:4px;} .home-banner__text-1 {color:#222;} /*--------------- трансформация иконки с часами -----------------*/ /*--224--*/ .fa-history {transform:scaleX(-1);} /*--226*/ #manufacturer_module {margin-bottom:22px;} /*--243*/ .option__img {padding:3px;border:solid 1px #ccc;border-radius:3px;} /*--258*/ .qty-switch {margin-right:1px !important;} .btn + .btn-lg {margin-left:11px;} .qty-switch .fa-plus:hover, .qty-switch .fa-minus:hover, .header-cart__quantity .qty-switch__btn.fa-plus:hover, .checkout-cart__quantity .qty-switch__btn.fa-plus:hover, .header-cart__quantity .qty-switch__btn.fa-minus:hover, .checkout-cart__quantity .qty-switch__btn.fa-minus:hover {background:#c9302c;color:#fff !important;} .header-cart__buttons .btn-primary {background:#444;} .header-cart__buttons .btn-primary:hover {background:#fa0;} /*--258*/ .btn + .btn-lg, .btn + .btn-xl {margin:0 0 0 11px;} /*--266*/ .wishlist i.fa {font-weight:400;} .wishlist.active i.fa {font-weight:900;} .product-thumb {border:solid 1px rgb(0 0 0 / 0.15) !important;opacity:0.9;} .product-thumb__image .img-responsive {margin:0 auto 10px;} .product-thumb__image .uni-timer {opacity:0.9;} .product-thumb__name {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:40px !important;} .product-thumb__description {padding-top:14px;} .product-thumb__price .zap {font-size:.8em;} .product-thumb__price.price {display:block;text-align:center;} .product-thumb__price .symbol {opacity:.7;} .product-thumb__cart {display: flex;} .product-thumb__cart span.fa-check, .product-page__add-to-cart span.fa-check {display:none;} .product-thumb__cart span.fa-check, .product-page__add-to-cart span.fa-check {display:none;} .product-thumb__add-to-cart, .product-thumb__cart.disabled2 {flex:1 0 0;min-width:84px;max-width:150px;padding:0px;height:34px;} .product-thumb:hover .add_to_cart.disabled {color:#ffffff !important;} .product-thumb .add_to_cart.disabled {color:#cc0000;background:#ccc;} .product-thumb:hover .add_to_cart.disabled {color:#fff;background:#555;} .product-thumb__quick-order, .product-thumb__wishlist, .product-thumb__compare {flex:1 0 0;max-width:60px;height:34px;margin:0 0 0 4px !important;font-size:16px;} .product-thumb__wishlist {padding-top:2px;} .product-thumb__quick-order {transition:all ease-in-out .15s !important;} .product-thumb:hover .product-thumb__quick-order,.product-thumb:hover .product-thumb__wishlist, .product-thumb:hover .product-thumb__compare{opacity:1;transform:scale(1.0)} .product-thumb__quick-order:hover, .product-thumb__wishlist:hover, .product-thumb__compare:hover {background:#cc0000 !important;color:#ffffff !important;opacity:1 !important;} .product-thumb__quick-order.active, .product-thumb__wishlist.active, .product-thumb__compare.active {background:#cc0000;color:#ffffff !important;filter:grayscale(0%);opacity:0.8 !important;} .product-thumb__quick-order.active:hover, .product-thumb__wishlist.active:hover, .product-thumb__compare.active:hover {opacity:1 !important;} .product-thumb__wishlist{top:8px} .product-thumb__wishlist {background:#e5e5e5;border:none;border-radius:3px;} .product-thumb__compare {background:#e5e5e5;border:none;border-radius:3px;} .product-thumb__compare .fas {transform:rotate(90deg)} .product-thumb:hover .product-thumb__quick-order{transition:all ease-in-out .2s} .product-thumb:hover .product-thumb__wishlist{transition:all ease-in-out .25s} .product-thumb:hover .product-thumb__compare{transition:all ease-in-out .3s} .product-thumb__quick-order{transition:.1 !important;} .product-thumb__wishlist{transition:.1 !important;} .product-thumb__compare{transition:.1 !important;} .product-thumb__addit-dot {width:16px !important;height:2px !important;transform:translate(0, -18px) !important;border-radius:0 !important;} .product-thumb__description, .news-module__text { color: #888;} /*-======================================== Добавить товар (+)(-) ===================================================*/ .qty-switch__input {border:solid 2px #eaeaea !important;border-right:none !important;border-radius:0;padding-top:2px;color:#000000;font-weight:500;font-size:16px;} .qty-switch__input:focus {border:solid 2px #ddd !important;border-right:none !important;} .product-page__cart .qty-switch__btn {background:#666 !important;font-size:11px !important;color:#fff !important;} .qty-switch__btn:hover {background:#888 !important;} .qty-switch__btn.fa-plus {border-radius:0 !important;height:20px;margin-top:-1px} .qty-switch__btn.fa-minus {border-radius:0 !important;height:20px;} .qty-switch__product .qty-switch__input, .quick-order .qty-switch__input {height:38px;font-size:16px;} .qty-switch__product .qty-switch__btn {width:50px !important;height:38px !important;line-height:38px !important;} .qty-switch__cart .qty-switch__input {height:32px;font-size:14px;line-height:32px;} .qty-switch__cart .qty-switch__btn {width:30px;height:32px;line-height:32px;background:#eaeaea;color:#888!important;} /*----------------------------------------------- Кнопки кол-ва товара (cart) -----------------------------------------------*/ .header-cart__quantity .qty-switch__input, .checkout-cart__quantity .qty-switch__input {border-left:none!important;width:38px;} .header-cart__quantity .qty-switch__btn.fa-plus, .checkout-cart__quantity .qty-switch__btn.fa-plus {margin-top:0px;} .header-cart__quantity .qty-switch__btn.fa, .checkout-cart__quantity .qty-switch__btn.fa {font-size:10px;} /*----------------------------------------------- Кнопки кол-ва товара -----------------------------------------------*/ .product-page__cart .fa-plus:before {content:"\f106";} .product-page__cart .fa-minus:before {content:"\f107";} .add_to_cart {width: 200px;} .add_to_cart.in_cart, .add_to_cart.in_cart:hover, .add_to_cart.in_cart:focus, .add_to_cart.in_cart:active {color:#fff;background:#4cb64c !important;} .product-page .qty-switch__input {width:50px;height:40px;margin-top: -1px;} .product-page .qty-switch__btn, .product-page .qty-switch__btn:hover {width:23px;/*height:19px;*/line-height:17px;font-size:12px !important;} .product-page__quick-order {padding:3px 15px 0 15px !important;} .btn.quick-order:hover {color:#fff;background:#e00;} .product-page .add_to_cart {background: #c00;} .product-page .add_to_cart:hover {background: #e00;} .product-page .add_to_cart.disabled {background: #e5e5e5;} .product-page .add_to_cart.disabled:hover {background: #ddd;} .deshevle {margin-left:2px;height:38px;font-size:1.1em;padding:0 20px;font-weight:500;border-radius:0px;border:solid 2px #fbb;background:#fff;color:#d55;} .deshevle:hover {background: #fdd;color:#C00;border:solid 2px #e00;} /*.deshevle { -webkit-animation: deshevle 1s linear infinite; animation: deshevle 1s linear infinite; } @-webkit-keyframes deshevle { 100% { color: rgba(34, 34, 34, 0); } } @keyframes deshevle { 100% { color: rgba(34, 34, 34, 0); } }*/ .vopros { -webkit-animation: vopros 1s linear infinite; animation: vopros 1s linear infinite; } @-webkit-keyframes vopros { 0% { transform: translate(0, 0) rotate(0deg); } 25% { transform: translate(5px, 5px) rotate(5deg); } 50% { transform: translate(0, 0) rotate(0deg); } 75% { transform: translate(-5px, 5px) rotate(-5deg); } 100% { transform: translate(0, 0) rotate(0deg); } } @keyframes vopros { 0% { transform: translate(0, 0) rotate(0deg); } 25% { transform: translate(5px, 5px) rotate(5deg); } 50% { transform: translate(0, 0) rotate(0deg); } 75% { transform: translate(-5px, 5px) rotate(-5deg); } 100% { transform: translate(0, 0) rotate(0deg); } } .add_to_cart.disabled + .deshevle {border:solid 2px #e5e5e5;background:#fff;color:#ccc;} .add_to_cart.disabled + .deshevle:hover {background: #fff;color:#bbb;border:solid 2px #ddd;} /*--313--*/ .product-thumb__description, .product-thumb__model, .rating .fa-star {font-size:.9em;} .product-thumb__description {margin:0 0 3px;} .product-thumb .atr-d {padding:4px 0 2px 0;border-bottom:1px solid #eee;color:#888;} .product-thumb .atr-1 {} .product-thumb .atr-2 {} .attribute div > span {position:relative;display:table-cell;} .attribute div > span:first-child {white-space: nowrap;} .attribute div > span:last-child {width:100%;text-align:right;font-weight:400;} .product-thumb__model {color: #d66;} .product-thumb__model:before {color: #999;} .product-thumb__model:before {content:attr;margin:0 5px 0 0;} .mod-rat {margin: 5px 0 16px;} .mod-rat > div {position:relative;display: table-cell;} .mod-rat > div:first-child {white-space: nowrap;} .mod-rat > div:last-child {width:100%;text-align:right;} .product-thumb__rating {margin:0;} .product-thumb .rating .fa.fa-star, .compare-page .rating .fa.fa-star {margin:0 -0.5px;color:#fa0;} .product-thumb .rating .far.fa-star, .compare-page .rating .far.fa-star {margin:0 -0.5px;font-weight:900;color:#cbcbcb;} div[id^="5in1"] .product-thumb .rating .fa-star {margin-right:1.75px;} div[id^="5in1"] .product-thumb .rating .far {margin-right:1.75px;} .rating .fa-star {margin:0 1.75px 0 0;color:#fa0;} .rating .far {margin:0 1.75px 0 0;font-weight:900;color:#cbcbcb;} .uni-item:hover .product-thumb__model:before {color:#000;animation:none} .uni-item:hover .product-thumb__model {color:#c00;} .uni-item:hover .product-thumb__model {-webkit-animation: modelx 0.2s;animation: modelx 0.2s;} @keyframes modelx {0%{opacity:0;}20%{opacity:0;}20%{opacity:1;}20%{opacity:0;}40%{opacity:1;}} /*-=318======================================= карта сайта ===================================================*/ .map {line-height:2;} .map1 li {font-weight:600;} .map2 li, .map3 li {font-weight:500;} .map3 li a {color:#49d;} /*-=318======================================= account.css ===================================================*/ #account-login .uni-form {background:#eee;} #account-login .uni-item, .account-index .uni-item {background:#eee;transition:none;} .uni-item{background:#fff;border:solid 1px rgb(0 0 0 / 0.08);border-radius:4px;box-shadow:0 5px 20px rgb(0 0 0 / 5%);} .product-thumb.uni-item:hover{background:#fff;box-shadow:0 5px 10px rgb(0 0 0 / 8%);} /*--322*/ .fa-th-large:before {content:url(../image/ico/fa-th-large.png) !important;} .fa-th-list:before {content:url(../image/ico/fa-th-list.png) !important;} .fa-align-justify:before {content: url(../image/ico/fa-align-justify.png) !important;} .sorts-block{display:flex;margin-bottom: -2px;padding:10px 0 0;border-top:solid 1px #eee;justify-content:space-between;} .sorts-block__item{display:flex} .sorts-block__limit{width:auto;margin:0 0 0 20px} .sorts-block__sorts {text-align:right;} select.form-control {padding-bottom:2px;} .sorts-block__span.selected {text-decoration: none;} .sorts-block__span:hover {color:#C00} .sorts-block__span.selected {color:#C00;} .sorts-block__span.selected:after {color:#C00;font-size: 1em;} .sorts-block__btn {opacity:0.3} .sorts-block__btn:hover{opacity:0.9} .sorts-block__btn.selected{opacity:0.9;box-shadow:none} .sorts-block__btn.btn{padding:8px 10px;} .sorts-block__btn{color:#b4b4b4 !important;background:none;background-color:#fafafa !important;border:none !important;} /*--326*/ .uni-item-bg {background: #eee;} /*--336*/ .compare-block {display:none} .compact-view:nth-child(odd) .product-thumb {background: #fff;} .compact-view:nth-child(odd) .product-thumb:hover {background:#fffbf4;} .compact-view .product-thumb:hover {background:#fffbf4;} .compact-view .cart button span {display: block;} /*--352------------- Пагинация -----------------*/ .pagination {margin:0 0 20px;} .pagination li a, .pagination li span {width:31px;height:31px;line-height:31px;font-size:1.1em;font-weight:bold;line-height:16px;padding:8px 0;text-align:center;} .pagination li:first-child a, .pagination li:last-child a {color:#c9302c;background:#eaeaea;} .pagination li:first-child a:hover, .pagination li a:hover, .pagination li:last-child a:hover {color:#fff;background:#c9302c !important;} .pagination-text, .category-info__image {display:none;} .manufacturer-page .category-info__image {display:block;} /*--360*/ .home-page .html-module {padding:0px; margin:20px 0 30px 0;background:none;color:#333;} .home-page .html-module .heading-h1 {margin:0 0 10px;} .home-page .html-module .heading-h1 h1 {margin:0 0 -8px;font-size:1.7em;background:#fafafa !important;} .home-page .html-module h2 {color:#666;font-size:1.4em;margin:15px 0 7px;} .home-page .html-module p {text-align:justify;} .home-page .html-module p.p-first {margin-top:-3px;} .home-page .html-module li {color:#777;} /*--365*/ .category-info {padding:0px;margin:0px;background:none;} #tab-description, .category-info { text-align: justify;} .category-info blockquote {margin-top:30px;background:#fff;font-size:14px;color:#999;border:dotted 3px;border-color:#efefef;padding:10px;} /*--369*/ .category-info-bottom .category-info {margin-top:15px;margin-bottom:40px;} .category-info__btn {padding:10px 0;} .category-info__btn:after {content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:150px;background-image:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(#fafafa));background-image: -o-linear-gradient(hsla(0,0%,100%,0),#fafafa);background-image:linear-gradient(hsla(0,0%,100%,0),#fafafa);} .category-info__btn.show {padding:5px;} .category-info__btn.show::after {height:50px;} .category-info__span {position:relative;z-index:2;background:#fafafa;padding:5px 15px 5px 15px;font-size:1.1em;} .article_description a {color:#27e;} .article_description a:hover {color:#cc0000;} /*==372================================================================================== КАТЕГОРИИ ======================*/ .category-list {margin-bottom:0px;} .category-list .uni-item{border:solid 1px rgb(0 0 0 / 0.25)} .category-list__item {align-items:flex-start;} /* выравнивание картинок категорий на высоту */ .news-module__name {color:#000;} .news-module__item, .uni-banner__item {opacity:.85;} .uni-banner__title {text-transform: uppercase;} .category-list__item {opacity:.9} .category-list__item span, .category-wall__item span {opacity:1 !important;color:#000;} .category-list__item:hover, .news-module__item:hover, .product-thumb:hover {border-color:#aaa !important;box-shadow:0 0 10px #bbb !important;opacity:1;transition:none;} .category-list__item:hover span {color:#cc0000;} .category-list__img {padding:10px 0px 0 0px;} .category-list__name {padding:10px;overflow:hidden;text-overflow:ellipsis;} /* выравнивание текста категорий на высоту и сокращение... */ /*--378--------- Карусель производителей -----------------*/ .carousel { border:none;} .carousel img { opacity:0.6;} .carousel img:hover {opacity:1;} /*--378--------- Теги категорий в карточке -----------------*/ .tegcat {margin:0 0 40px;} /*--382------------------------------------- ПОДВАЛ футер ------------------------------------------*/ /*--397--*/ .footer {padding:28px 0 0;border-top:solid 4px #AE000D !important;} .h5 {display:block;overflow:hidden;color:#ffffff;font-size:1.15em;margin:0 0 16px;} .h5:after {content:'';display:inline-block;vertical-align:middle;box-sizing:border-box;width:100%;height:2px;background:#4b4b4b;margin-left:7px;margin-right:-100%} footer a {color:#bbb;} footer a:hover,.footer__column-a:hover {color:#fff !important;} span.footer__column-a,span.footer__column-a:hover {color:#777 !important;} .footer__column-icon {margin:0 5px 0 0;color:#777;font-size:1em;} .footer__column .fa {color:#777} .footer__column-ul {margin:0 0 22px 4px;font-size:1em;} .footer__column-ul .fas {color:#cc4b4b;opacity:.9;margin-right:6px;} .footer__column-li {margin:0;font-size:1em;line-height:1.7em;font-weight:400;} .footer__column-li:last-child {margin:0;} .footer__column-li:before {content:url(../image/ico/str.png);margin:0 9px 0 0;font-size:1em;opacity:.9;} .footer__column-a:hover{color:#fff} .footer__column-li-addr {line-height:1.7em;margin-left:-2px;color:#b0b0b0;} .footer__column-li-addr .fa {font-size:14px;} .footer__column-heading .fa-chevron-down {position:absolute;right:3px;margin-top:2px;font-size:1em;color:#fff;} .fa-map-marker:before {content:"\f277";} .footer .fa-calendar:before {content:"\f017";} .footer .clearfix {display:none !important;} /*--410--*/ /*--------------- футер полоса -----------------*/ footer hr {border-top:solid 1px #4b4b4b;border-bottom: solid 1px #4b4b4b;} .bt-foot {margin:0px 0 0px 0;} /*---------------подвал социум-----------------*/ .footer__socials-payments{overflow:hidden;padding:15px 0;background:none;} .footer__socials{height:30px;color:#9a9a9a;} .footer__socials-icon{line-height:32px !important;font-size:1.6em;cursor:pointer;background:none;color:#9a9a9a;opacity:.7;} .footer__socials-icon:hover {opacity:1;} .footer__socials-icon + span{margin:0 0 0 20px} .footer__socials-icon.fa-odnoklassniki:hover{color:#EF8117} .footer__socials-icon.fa-vk:hover{color:#597BA0} .footer__socials-icon.fa-facebook:hover{color:#3A5795} .footer__socials-icon.fa-twitter:hover{color:#59ADEA} .footer__socials-icon.fa-google-plus:hover{color:#DB4437} .footer__socials-icon.fa-instagram:hover{color:#cf5526} .footer__socials-icon.fa-youtube:hover{color:#E62117} .footer__socials-icon.fa-viber:hover{color:#a49ae7} .footer__socials-icon.fa-whatsapp:hover{color:#44bb81} .footer__socials-icon.fa-telegram-plane:hover{color:#3ea6da} .footer__payments-icon:not(img) {opacity:.3} /*---------------liveinternet-----------------*/ .copy {float:left;color:#fff;opacity:.3;margin-top:6px;} .liveinternet {float:right;opacity:.6;} /*--------------- избранные и сравнение -----------------*/ .fly-block__wishlist, .fly-block__compare {color:#222;background:#fa0;} .fly-block__wishlist:hover, .fly-block__compare:hover {color:#000 !important;background:#fc0 !important;} .fly-block__scrollup {margin: 20px 0 15px;} /*--532--*/ .owl-carousel .owl-stage-outer { border-radius:3px;} .owl-carousel .owl-dots .owl-dot.active span {width:17px;background:#c00 !important;} .owl-carousel .owl-dots .owl-dot span { width:17px;} /*--461-------------- Модальное окно ---------------------------*/ body.modal-open main:after {visibility:visible;position:fixed;z-index:999;top:-190px;bottom:-10px;left:0;width:100%;content:"";background:#000;opacity:0.5;} body.modal-open header, body.modal-open main, body.modal-open footer, body.modal-open .subscribe {filter:none} .modal {z-index:99999;} .modal-open .fly-menu, .modal-open .dropdown-menu {z-index:1;} .modal-subscribe-success .modal-title {color:#c00;} .modal-header {height:43px;padding:10px 15px;border-radius:0px;background:#7e7e7e;} .modal-body {border-radius:0 0 3px 3px;} .modal-header .close {margin:-10px 0;width:43px;height:43px;background:#ce4040;opacity:1;} .modal-header:hover .close {background:#d95050;} .close, .close:focus, .close:hover, .close:active {font-size:19px;font-weight:500;color:#fff;text-shadow:none;filter:none;} .close:hover .spiner:before {transform:rotate(180deg)} .close .spiner:before {display:inline-block;transition:0.7s all;} .close .spiner {animation:1.0s linear 0s normal none 1 running spiner;-webkit-animation:1.0s linear 0s normal none 1 running spiner;} .modal-title {margin-top:auto;color:#fff;line-height:1.3;font-size:18px;overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-moz-box;-moz-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .modal-body {padding:20px 15px 20px 15px;} .modal-body.quick-order .input input[type="checkbox"] {margin:2px 8px 0 0 !important;} .modal-content .product-data__item-span, .modal-content .heading span {background:#fff !important;} div[id^="ocdw_form_builder-block"] .inner-header {font-family:'Roboto',Arial,sans-serif;font-size:18px;padding:9px 20px;min-height:44px;} div[id^="ocdw_form_builder-block"] .inner-header .modal-close {width:44px;height:44px;} div[id^="ocdw_form_builder-block"] .inner-header .modal-close i {font-size:19px;} div[id^="ocdw_form_builder-block"] .inner-center .inner-fields > div {margin-left:10px;margin-right:10px;} div[id^="ocdw_form_builder-block"] .inner-center input[type=text]:not(.numInput), div[id^="ocdw_form_builder-block"] .inner-center input[type=email], div[id^="ocdw_form_builder-block"] .inner-center input[type=tel], div[id^="ocdw_form_builder-block"] .inner-center textarea, div[id^="ocdw_form_builder-block"] .inner-center select:not(.flatpickr-monthDropdown-months):not(.oc15-fix) {margin:0px;border-radius:4px;} div[id^="ocdw_form_builder-block"] .inner-center .inner-fields > div.full-width {width:100% !important;border-radius:4px;} div[id^="ocdw_form_builder-block"] .inner-footer {padding:0px 20px 30px;} .modal-sm .btn-primary, div[id^="ocdw_form_builder-block"] .inner-footer button {height:38px;overflow:hidden;margin:5px 0 -5px 0;padding:0 15px;outline:0;border:0;border-radius:3px;min-width:100px;font-size:14px;font-family: 'Roboto',Arial,sans-serif;text-decoration:none;color:#000;background:#fec547;text-align:center;} .modal-dialog .modal-request__label {margin:0 0 0px 1px;} .modal-dialog .modal-request__reason1 {float:left} .modal-dialog .modal-request__reason1 input[type="radio"] {float:left;margin:2px 6px 0 0 !important;} .modal-dialog .modal-request__reason3 input[type="radio"] {margin:2px 6px 0 5px !important;} .modal-request__reason1 {} .modal-request__agree {display:inline-block;margin:12px 0 16px 1px;} .modal-request__agree span {position:fixed;padding-right:10px;font-size:0.9em;} /*--487*/ .content-bottom .owl-carousel .owl-dots { margin:-10px 0 0px;} /*--507*/ .uni-module__wrapper .owl-item, .uni-module__wrapper .select:hover {margin-top:10px !important;} /*==727====================================================================== Игра с табами -----------------*/ .nav-tabs>li>a {color:#000} .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover, .nav-tabs li.active a:after, .nav-tabs li a:hover:after {background:none !important;color:#c00 !important;} .nav-tabs {margin:0 0 5px;border:0;border-bottom:1px solid #ddd;background: none;overflow:hidden;overflow-x:auto;white-space:nowrap;border-radius:0;z-index: 100;} @media (min-width: 768px){ /*--727*/ .nav-tabs {padding-left:0;list-style: none;} .nav-tabs li {position:relative;display:block;float:left !important;margin-bottom:-2px !important;outline:none !important;-moz-user-select:none !important;-webkit-user-select:none !important} .nav-tabs li, .nav-tabs li.active {float:left;margin: 0;} .nav-tabs li {display:flex !important;align-items:center;height:37px;margin:0;padding:0 5px 0 0;} .nav-tabs>li {margin-bottom:-3px !important;} .nav-tabs>li>a {padding:8px 14px;border:1px solid #ddd !important;border-radius:4px 4px 0 0 !important;text-transform:uppercase;font-size:.95em;} .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover {background-color:#fff !important;} .nav-tabs li a:before {background:#eaeaea;content:"";position:absolute;z-index:4;top:-1px;right:-8px;bottom:-1px;width:15px;-webkit-transform:skew(20deg);-moz-transform:skew(20deg);-ms-transform:skew(20deg);-o-transform:skew(20deg);transform:skew(20deg);border-radius:0 5px 0 0;border-right:1px solid #ccc;border-top:1px solid #ddd;border-bottom: solid 1px #ddd;} .nav-tabs li a:after {bottom:0px !important;transition:all ease-in-out .3s !important;} .nav-tabs li.active a:after {z-index:2;} .nav-tabs li a:hover:after {z-index:3;} .nav-tabs li.active a:before {z-index:1;background:#fff !important;border-bottom:none !important;} .nav-tabs li a:hover:before {z-index:2;} .nav-tabs li.active a:after, .nav-tabs li a:hover:after {width:calc(100% + 13px) !important;} .nav>li {position: relative;float: left !important;} .nav-tabs li a, .nav-tabs li a:before {background: #eaeaea !important;} .nav-tabs li a:hover, .nav-tabs li a:hover:before {background:#fff !important;} .tab-content .heading:after {border-bottom: solid 2px rgba(0, 0, 0, .1);} } @media (max-width: 767px){ .nav-tabs {margin-left:-15px;margin-right:-15px;background:#eee !important} .nav-tabs li {height:43px;} } /*--999999999999999999999999999999999999999999999999999*/ .show-more {margin:0px 0 20px !important;} .show-more__icon {margin-right:7px;} /*---------------- НОВОСТИ - СТАТЬИ -----------------------------*/ .textblock-justify p, .textblock-justify h2, .textblock-justify h3 {text-align:justify;} .news-list__image .img-responsive {padding:10px 10px 0;} img.left {margin:5px 15px 5px 0;float:left;} img.right {margin:20px 0 20px 15px;float:right;} .textblock-justify li {list-style-type:disc} .textblock-justify table {width:100%;} .textblock-justify td {padding:5px;} .news-module__image img {max-height:none;padding:15px;} @media (max-width:468px){ img.left {margin:20px;float:none;} img.right {margin:20px;float:none;} } /*==================================================================================================================================== от Разрешения экрана ================*/ @media (min-width:1600px){ /*--95*/#search.col-xxl-pull-6 {right:29% !important;} #search.col-xxl-11 {width:52% !important;} } @media (min-width:1345px){ /*--126--*/.sales {margin:0 0px 0 0px;} } @media (min-width: 1200px) and (max-width: 1599px){ /*--95*/#search.col-md-pull-4 {right:31.333333% !important;} } @media (min-width:992px){ #search.col-xxl-11 {width:47%;} } @media (min-width:1200px){ /*--372*/.category-list .col-lg-1 {width:12.5%;} .product-thumb__cart .add_to_cart {min-width:100%;background:#333;} .product-thumb__cart.disabled2 {min-width:100%;background:#666;} .product-thumb__add-to-cart:hover, .product-thumb__cart.disabled2:hover {background:#C00 !important;} .product-thumb:hover .product-thumb__add-to-cart, .product-thumb:hover .product-thumb__cart.disabled2 {min-width:84px;background:#000;} .add_to_cart.in_cart {background:#4cb64c !important;} .add_to_cart.in_cart:hover, .add_to_cart.in_cart:focus, .add_to_cart.in_cart:active {background:#3c933c !important;} .product-thumb__add-to-cart, .product-thumb__cart.disabled2, .product-thumb:hover .product-thumb__add-to-cart, .product-thumb:hover .product-thumb__cart.disabled2 {transition: all .1s !important;-webkit-transition: all .1s !important;-moz-transition: all .1s !important;-ms-transition: all .1s !important;-o-transition: all .1s !important;} } @media (min-width:992px) and (max-width:1200px){ /*--95*/#search.col-md-pull-4 {right:33.333333% !important;} /*--618-*/.grid-view{float:left;width:33.333333%} .btn { padding:0 10px;} } @media (min-width:992px) { /*--113--*/ header, .header-block, .header-block.img-responsive, .form-control:focus {background-color:white;} /*--123--*/ .header-logo {margin:1px 0px 0 3px;} .header-block__item-logo {padding: 0 15px 0 0;} .header-block__item-logo.col-lg-3 {width: 20%;} .telephone {margin:0 15px 0 0;} /*--126--*/ .sales {font-size:1.1em;color:#cc3333;border:2px solid #eaeaea;border-radius:3px;width:102px;height:32px;line-height:28px;display:block;text-align:center;font-weight:600;background:#eaeaea;opacity:.9;} .sales a {color:#cc0000;opacity:.8;} .sales span {font-size:.9em !important;margin-right:8px;font-weight:900;} .sales:hover {color:#fff;background:#c33;border:2px solid #c33;opacity:1;} .sales:hover a {color:#fff;opacity:1;} /*--132--*/ .header-search {margin-left: 40px;} .header-search__input {background-color:#fafafa;} /*--180--*/ .menu__level-1-a {position:relative;display:block;} .menu__level-1-li {text-align:center;} .menu__level-1-li .chevron:after {display:none;} .menu__level-1-li .chevron:after {position:absolute !important;float:none !important;right:unset !important;margin:-2px 0px 0 12px !important;opacity:.6;} .menu__level-1-li .chevron.open:after {margin-top:0 !important;} .menu__level-1-li.has-children:after {display:none;height:44px;} .menu__level-1-li:hover {background:#BB001C !important;} .menu__level-1-li .chevron:after {content:url(../image/ico/arrow_button.png);transition:all ease-in-out .15s;visibility:inherit;} .menu__level-1-li:first-child {right:12px;border-left:solid 1px rgba(0, 0, 0, .1);text-align:left;} .menu__level-1-li:first-child, .menu2 .menu__level-1-li:first-child a.menu__level-1-a, .menu2 .menu__collapse, .menu2 .menu__level-1-li + li, .menu2 .menu__level-1-li:last-child {border:none !important;} .menu__level-1-li:nth-child(2) {display:block;right:12px;text-align:left;background:#be2e2e;} .menu__level-1-li:nth-child(2) .fa {display:inline-block;} .menu__level-1-li:nth-child(2) .fa:before {position:absolute;left:11px;margin-top:-14px;content:url(/image/catalog/br.png);opacity:.75;} .menu__level-1-li:last-child .disabled {background:#222 !important;} .menu__level-1-li .disabled {font-weight:500;} .menu__level-1-li:hover .disabled {font-weight:500;} .menu__level-2 {transition:all ease-in-out 0s;} .main-menu.set-before:before {height:44px;background: #333333;} .menu .menu__level-1-li:last-child {background: rgb(246, 132, 106)} .menu2 .menu__collapse {border-left:solid 1px rgb(245 243 243 / 16%);} .menu2 .menu__level-1-a, .menu2 .menu__header {font-size:14px !important;text-transform:uppercase;padding:13px 10px 8px 10px;/*min-width: 105px;*/} .menu2 .menu__level-1-li:first-child {background:#be2e2e;} .menu2 .menu__level-1-li:first-child a.menu__level-1-a {border-left:solid 1px rgba(0, 0, 0, .1);justify-content:left !important;font-size:15px !important;padding:11px 0 7px 10px;} .menu2 .menu__level-1-li:nth-child(2) a.menu__level-1-a {padding:13px 10px 8px 12px;} .menu2 .menu__level-1-icon:first-child img {height:17px;width:17px;margin:-4px 2px 0 1px;opacity:.75;} .menu2 .menu__level-1-li:first-child .menu__level-1-a:after {margin:-2px 0px 0 12px !important;position:absolute !important;opacity:.6;} .menu2 .menu__level-1-li:first-child .menu__level-1-a.open:after {margin-top:1px !important;} .menu2 .menu__level-1-li:nth-child(2) .menu__level-2 {padding:3px 20px 0 20px;max-height:500px;text-align:left;overflow-x:auto !important;overflow-y: scroll;} .menu2 .menu__level-2.open {border:solid 2px #BB001C;} .menu2 .menu__level-3-a.disabled {color:#000;} .menu2 .menu__level-1-li:nth-child(2) .menu__level-2::after{content:"";position:sticky;left:0;right:5px;bottom:0;height:30px;width:100%;pointer-events:none; background-image: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,30%)),to(#fff)); background-image: -o-linear-gradient(hsla(0,0%,100%,30%),#fff); background-image: linear-gradient(hsla(0,0%,100%,30%),#fff); } /* УСЛУГИ - в одну полосу с прокруткой */ .menu2 .menu__level-1-li:nth-child(6) .menu__level-2 {padding:3px 20px 0 20px;max-height:500px;text-align:left;overflow-y:scroll;} .menu2 .menu__level-1-li:nth-child(6) .menu__level-2.column-1 {flex-direction: inherit;} /* енд */ .menu__level-2-ul {padding:3px 10px 0px;} .menu__level-2-ul:last-child {padding:3px 10px 3px;} .menu__level-2-ul.has-image {padding-left:70px;} .menu__level-2-img {top:17px;width:64px;} .menu__level-2-a {min-height:35px;} .menu__level-2-a.has-children {margin:18px 0 10px;} .menu2:after {position:absolute;right:50%;width:100vw;height:100%;content:"";background:inherit;transform:translateX(-50%);color:#c00;} .menu2 .salez, .menu2 .fa, .menu2 .fas, .menu2 .fab {display:none;} .menu__level-3-a.disabled:before {opacity:1;color:#BB001C;} .menu__level-3-a:hover.disabled:before{opacity:1;color:#BB001C;margin:3px 9px 0 1px;} .menu__level-1-li:hover .menu__level-3-a:before.disabled {opacity:1;color:#BB001C;margin:3px 6px 0 0;} .menu__level-1-li .menu__level-3-a:before.disabled {opacity:1;color:#BB001C;} span.menu__level-3-a, span.menu__level-2-a, span.menu__level-3-a:hover, span.menu__level-2-a:hover {color:#C00 !important;} /*--330*/ .product-thumb__cart .btn.in_cart i, .product-page__add-to-cart i {display: none;} .product-thumb__cart .btn .fa + span, .product-page__cart .btn .fa + span {margin:0 !important;} /*--382*/ .footer .col-sm-6 {width:25%;float:left;} /*--------------- Скролинг в последних -----------------*/ ::-webkit-scrollbar {width:6px;height:4px;background-color:rgb(0 0 0 / 6%);} ::-webkit-scrollbar-thumb {background-color:rgba(0, 0, 0, 0.2);border-radius:3px;} } @media (min-width:767px) { body > #main-menu {-webkit-order:-1 !important;-moz-order:-1 !important;order:-1 !important;} .top-menu__compare {display:none} .top-menu__wishlist {display:none} } @media (min-width: 500px) { /*--305*/.product-thumb__quick-order, .product-thumb__wishlist, .product-thumb__compare{width:36px !important;height:34px !important;padding:2px 6px 0 5px;margin:0 0 0 2px;opacity:1;transform:scale(0)} } @media (min-width:767px) and (max-width:992px) { /*--618-*/.grid-view{float:left;width:33.333333%} .grid-view-o{float:left;width:33.333333%} } @media (min-width: 425px) { /*--109*/.telephone li.city {display:none;} } @media (max-width:1344px){ .header-block__item-logo {margin-right:17px;} } @media (max-width:1200px){ /*--313--*/ .telephone {padding:0 15px;} .product-thumb__cart .add_to_cart {background:#333;} .product-thumb__cart .add_to_cart:hover {background:#c00;} .product-thumb__quick-order, .product-thumb__wishlist, .product-thumb__compare{opacity:1;transform:none;vertical-align: middle;} } @media (max-width:992px) { .col-sm-8 {width: 100%;} /*--92*/ header {margin-top:30px;background:#fff;border-bottom:1px solid #f0f0f0} #column-right .heading {display:none} /*--109*/ .top-menu {display:none;} .header-phones .additionals {display:inline} .header-phones .additionals a {display:none} .header-block__item-wishlist, .header-block__item-compare,.header-block__item-cart {display:none;} .header-cart,.menu-open,#search2 {display:none !important;} .header-block {background: #fff; padding-top:38px !important;} .header-block:before {left:50% !important;right:0 !important;width:100vw;transform:translateX(-50%);} .header-block .col-sm-2 {width:0% !important;} .header-block .header-block__item:first-child {width:40%;} /*--115--*/ .top-menu__btn:after,.menu__level-1-icon {display:block;} /*--126--*/ .sales {display:none;} /*--176--*/ .fa-bars:before {content:"\f0c9";font-size:13px;display:inline;} .menu2 .menu__collapse {background:#eee !important;color:#444;font-size:1em;} .menu__header-title {padding:1px 0 0 2px;font-size:1.2em;text-transform: uppercase;opacity:.8;} .menu__header-icon.fa-bars {display:none !important;} .menu__header-icon.fa-times {padding:15px;font-size:18px;opacity:.8;} .menu__level-1-li:first-child > a, .menu__level-1-li:last-child > a {color:#c00 !important;} .menu__level-1-li:first-child {padding-left:4px;background:#fafafa !important;} .menu__level-1-li:last-child {background:#fafafa !important;} .menu__level-1-li:hover {background:none !important;} .menu2 .menu__level-1-a {min-height:44px;text-transform:uppercase;color:#444 !important;} .menu2 .menu__level-1-pm {color:#444;} .menu__pm {width:44px;font-size:12px;border-left:dashed 1px rgba(0, 0, 0, .08);} .menu__level-2-a {padding:0 32px 0 37px;font-weight:400;} .menu__level-3-a {padding:0 32px 0 45px;} main {background: #fafafa;} /*--164*/ .breadcrumb {margin:0 0 5px 0;} .breadcrumb {scrollbar-width:thin} .breadcrumb::-webkit-scrollbar{height:3px;background:#eee;border-radius:5px} .breadcrumb::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:5px} /*--305*/ .product-thumb__cart .btn.in_cart i, .product-page__add-to-cart i {display:inline !important;} .product-thumb__cart .btn.in_cart span {display:none !important;} h1.heading {margin:5px 0 10px;} .sorts-block__wrapper {display:block;} .sorts-block__btn-group {float:left;} .sorts-block__item {float:right;} .deshevle {flex:1 1 100%;margin:10px 0 0;font-weight:500;} .fly-block {right:10px;bottom:10px;} .fly-block__scrollup {margin: 20px 0 15px;} } @media (max-width:767px) { /*--109*/.telephone {margin:0;} .header-logo {max-width:100%;} .t2 {font-size:.86em;} h1, h1.heading {font-size: 1.4em;} h3, h3.heading {font-size: 1.3em;} /*--226*/ #manufacturer_module { margin-top:0px;} .uni-banner {display:none} #uni-notification-1 {display:none} .subscribe { padding: 20px 0px} /*--620*/ .footer__column:not(:first-child) {border-top:none} .footer .visible-xs {display: inline-block !important;} .footer__column-ul {margin: 0 0 6px 6px;} .footer .child-d {margin: 20px 0 24px 0;} .footer__column-li-addr {margin-left:0px;} .footer__socials-payments .visible-sm {display: block !important;} } @media (max-width: 750px) { /*--226-*/ #manufacturer_module {display:none} } @media (min-width: 745px) and (max-width: 767px) { /*--618-*/.grid-view{float:left;width:33.333333%} .grid-view-o{float:left;width:33.333333%} } @media (max-width:745px){ /*--618-*/.grid-view{float:left;width:50%} } @media (min-width: 575px) and (max-width: 767px) { /*--618-*/.product-thumb .sticker {left:-14px;} } @media (max-width: 575px) { /*--618-*/ .product-thumb .sticker {left:-11px;} .product-thumb__cart .btn {height:34px;} } @media (max-width: 520px) { /*--106*/.search-knopka .btn-primary span {display: none;} /*--109*/.product-thumb .uni-timer, .product-thumb__description, .product-thumb__option, .product-thumb .qty-switch, .product-thumb .qty-indicator {display:none!important;} /*--305*/.product-thumb__add-to-cart, .product-thumb__cart.disabled2 {height: 34px;padding:0 9px 0 9px;font-size:1.0em;} } @media (max-width:500px){ /*--109*/.header-logo {max-width:140px !important;} /*--266-*/ .product-thumb__add-to-cart, .product-thumb__cart.disabled2 {min-width: auto;} .product-thumb__price {flex-wrap:unset;} .product-thumb__price .price-old {display:none;} /*--382*/.footer__column-icon {display:none;} .footer__column-ul {font-size:1em;} /*--618-*/.grid-view{float:left;width:100%} } @media (max-width: 468px){ /*--372*/.category-list .col-lg-1 {width:50%;} /*--313*/ .mod-rat > div {display:block;} .mod-rat > div:last-child {text-align:left;} } @media (max-width: 425px) { /*--109*/.t1 {font-size:1.2em;display:inline;} .header-cart__icon {height: 30px;font-size:2.0em;} .header-phones li .prmn-cmngr a {display:block;cursor:pointer;padding:8px 8px 8px 8px;font-size:1.15em;} .header-phones li .prmn-cmngr a:focus, .header-phones li .prmn-cmngr a:hover {background:#f5f5f5;} .header-phones li .prmn-cmngr .fa {float:left !important;position:inherit;margin:2px 7px 0 3px;font-size:1.1em;opacity:.75;} .header-phones li .prmn-cmngr .city {border-bottom:1px dashed #f88;} } @media (min-width:425px) and (max-width:520px) { /*--109*/.t1 {font-size:1.2em;} } @media (max-width: 320px){ /*--266*/.product-thumb__quick-order {display: none;} } /*----------------------------------------------- FAQ 1 -----------------------------------------------*/ details{display:block;background:#fff;width:100%;box-shadow:0 5px 10px -5px rgb(0 0 0 / 5%), 0 10px 10px -5px rgb(0 0 0 / 5%);border-radius:0px;overflow:hidden;margin-bottom:1.5rem;} details div {margin:0px;border-left:3px solid #fcc;} summary::-webkit-details-marker{display:none;} summary::-moz-list-bullet{list-style-type:none;} summary::marker{display:none;} summary {display:block;padding:7px 12px 6px 12px;font-size:1.2em;font-weight:bold;cursor:pointer;position:relative;border:1px solid #ddd;border-left:3px solid #888;background:#eee;} summary:hover {background:#fff;} summary::before {content: '';position:absolute;right:10px;top:50%;margin-top:-2px;border:6px solid transparent;border-top-color:#be2e2e;} details[open] > summary:before {margin-top:-9px;opacity:.5;transform: scale(1,-1);} details[open] > summary {border:1px solid #f88;border-left:3px solid #dd5555;background:#fbeded;} summary ~ * {border:1px solid #ddd;border-top:0;padding:7px 13px;} details[open] summary ~ *{animation:sweep .5s ease-in-out;} @keyframes sweep {0% {opacity: 0;} 100% {opacity: 1;}} /*----------------------------------------------- FAQ 2 -----------------------------------------------*/ /*Добавляем поля*/ .faq-section{margin:40px 0;} /*Скрываем чекбоксы и абзацы*/ .faq-section input, .faq-section p{display:none;} /*Показываем только обрезанное введение */ .faq-section label+p{display: block;color:#999;font-size:.85em;transition: all .15s ease-out;/* Clipping text */text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} /*Если чекбокс отмечен, показываем все абазацы*/ .faq-section input[type=checkbox]:checked~p{display:block;color:#444;font-size:1em;/* Восстанавливаем обрезание по умолчаниюы */text-overflow:clip;white-space:normal;overflow:visible;} /*Стили для метки*/ .faq-section label{font-size:1.2em;cursor:pointer;background:#eee;display:block;position:relative;padding:7px 10px;font-weight:bold;border:1px solid #ddd;border-left:3px solid #888;text-shadow:0 1px 0 rgba(255,255,255,.5);transition:all .15s ease-out;} /*Удаляем выделение текста при переключении*/ .faq-section label::selection{background:none;} .faq-section label:hover{background:#f5f5f5;} /*Если чекбокс отмечен, устанавливаем стили соответственно*/ .faq-section input[type=checkbox]:checked~label{ border-color:#ff7f50;background:#f5deb4;background-image:linear-gradient(to bottom, #fff, #f5deb4);box-shadow:0 0 1px rgba(0,0,0,.4);} /*Стрелка метки - состояние по умолчанию*/ .faq-section label::before{content:'';position:absolute;right:4px;top:50%;margin-top:-6px;border:6px solid transparent;border-left-color:inherit;} /*Обновляем стрелку справа*/ .faq-section input[type=checkbox]:checked~label::before{border:6px solid transparent;border-top-color:inherit;margin-top:-3px;right:10px;} /*----------------------------------------------- FAQ 3 -----------------------------------------------*/ /*Добавляем поля*/ .faq-section{margin:40px 0;} /*Скрываем чекбоксы и абзацы*/ .faq-section input, .faq-section p, .faq-section div{display:none;} /*Показываем только обрезанное введение */ .faq-section label+p{display: block;color:#999;font-size:.85em;transition: all .15s ease-out;/* Clipping text */text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} /*Если чекбокс отмечен, показываем все абазацы*/ .faq-section input[type=checkbox]:checked~p{display:block;color:#444;font-size:1em;/* Восстанавливаем обрезание по умолчаниюы */text-overflow:clip;white-space:normal;overflow:visible;} .faq-section input[type=checkbox]:checked~div{display:block;color:#444;font-size:1em;/* Восстанавливаем обрезание по умолчаниюы */text-overflow:clip;white-space:normal;overflow:visible;} /*Стили для метки*/ .faq-section label{font-size:1.2em;cursor:pointer;background:#eee;display:block;position:relative;padding:7px 10px;font-weight:bold;border:1px solid #ddd;border-left:3px solid #888;text-shadow:0 1px 0 rgba(255,255,255,.5);transition:all .15s ease-out;} /*Удаляем выделение текста при переключении*/ .faq-section label::selection{background:none;} .faq-section label:hover{background:#f5f5f5;} /*Если чекбокс отмечен, устанавливаем стили соответственно*/ .faq-section input[type=checkbox]:checked~label{ border-color:#ff7f50;background:#f5deb4;background-image:linear-gradient(to bottom, #fff, #f5deb4);box-shadow:0 0 1px rgba(0,0,0,.4);} /*Стрелка метки - состояние по умолчанию*/ .faq-section label::before{content:'';position:absolute;right:4px;top:50%;margin-top:-6px;border:6px solid transparent;border-left-color:inherit;} /*Обновляем стрелку справа*/ .faq-section input[type=checkbox]:checked~label::before{border:6px solid transparent;border-top-color:inherit;margin-top:-3px;right:10px;} /*----------------------------------------------- Документы -----------------------------------------------*/ .documents {margin-top:30px;} .documents + .documents {margin-top:30px;} .documents:last-child {margin-bottom:30px;} .docs-1 {margin-top:0px !important;font-family:Roboto, Arial, "Helvetica Neue", sans-serif;font-size:20px;font-weight:500;line-height:23px;color:rgb(53, 53, 53);margin:48px 0px 32px;} .docs-3 {margin-left:-27px;margin-top:10px;margin-bottom:7px;} .documents ul {list-style:none;} .docs-4 {display:flex;line-height:21px;font-size:14px;margin-top:5px;color:rgb(53, 53, 53);} .docs-5 {display:inline-block;margin-right:8px;font-size:12px;min-width:30px;text-align:right;color:rgb(53, 53, 53);} .docs-6 {color:rgb(38, 133, 209);text-decoration:underline rgba(38, 133, 209, 0.5);text-underline-offset:20%;} .docs-7 {display:inline-block;color:rgb(136, 136, 136);margin-left:10px;font-size:12px;white-space: nowrap;} .docs-3 details {display:block;margin-top:7px;background:none;width:100%;box-shadow:none;} .docs-3 details summary {margin-bottom:4px;margin-left:38px;padding:0;border-bottom:none;position:unset;color:#999;display:inline;text-decoration:none;font-size:.9em;cursor:pointer;outline:none;} .docs-3 details summary ~ * {padding:0} .docs-3 details summary:focus {box-shadow:none;} .docs-3 details summary span {text-decoration:underline from-font dashed rgba(134, 134, 134, 0.5);text-underline-offset:20%;line-height:16px;} .docs-3 details summary span:last-child {display:none;} .docs-3 details[open] summary span:last-child {display:inline;} .docs-3 details[open] summary span:first-child {display:none;} .docs-3 details summary span {text-decoration:underline from-font dashed rgba(134, 134, 134, 0.5);text-underline-offset:20%;line-height:16px;} /*----------------------------------------------- ВЫ СМОТРЕЛИ -----------------------------------------------*/ .viewed-module .uni-item {padding:5px 5px 5px 5px;} .viewed-module .product-thumb {display: block;} .viewed-module .product-thumb__image {position:relative;width:30%;margin:0;padding:5px;float:left;border-bottom:none;box-shadow:none;} .viewed-module .product-thumb__image .img-responsive {margin:0 auto;} .viewed-module .product-thumb img {filter:grayscale(60%);} .viewed-module .product-thumb:hover img {filter:grayscale(10%);} .viewed-module .product-thumb__caption {padding:0 5px;float:right;width:70%;text-align: right;} .viewed-module .product-thumb__name {padding:0px;word-wrap:break-word;font-size:.95em;text-overflow:ellipsis;} .viewed-module .product-thumb__model {margin:0;padding-top:5px;color: #d66;} .viewed-module .product-thumb__model:before {color: #999;} .viewed-module .mod-rat {margin:0px;} .viewed-module .product-thumb__price {margin:0;padding-top:5px;font-size:1.15em;} .viewed-module .product-thumb__price.price {display:block;text-align:right;} .viewed-module .owl-nav {left: -7px !important;right: -7px !important;margin: -10px 0 0;} .uni-timer, .viewed-module .uni-timer, .viewed-module .price-old {display:none;} .product-data span.black {border:none;position:absolute;top:5px;width:19px;height:9px;background:#000000;} .product-data span.green {border: none;position:absolute;top:5px;width:45px;height:23px;background:#9ddf7c;} .product-data span.red {border:none;position:absolute;top:5px;width:19px;height:9px;background:#e30000;} .product-data span.cyan {border:none;position:absolute;top:5px;width:19px;height:9px;background:#2c9ff1;} .product-data span.grey {border:none;position:absolute;top:5px;width:19px;height:9px;background:#b3b3b3;} .product-data span.yellow {border:none;position:absolute;top:5px;width:19px;height:9px;background:#f5c55b;} .product-thumb.archiv {-webkit-filter:grayscale(70%);-moz-filter:grayscale(70%);-ms-filter:grayscale(70%);-o-filter:grayscale(70%);filter:grayscale(70%);filter:gray;opacity:0.7;/*IE6-9*/-o-transition:all .4s;} .product-thumb.archiv:hover {-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;filter:none;/*IE6-9*/opacity:1;} /*======================== ЛОГОТИП для ЕВРОСНАБ ================*/ .header-block {padding: 27px 0 27px;} #logo, #logo a {font-family: Arial,sans-serif;font-weight: 600;text-transform: uppercase;color: #000;font-size: 28px;} #logo a:before {font-family: "Font Awesome\ 5 Free", "FontAwesome";font-weight: 900;content: '\f005';display: inline-block;margin: 0px 0px 0px 2px !important;vertical-align: middle;color: #c33;} #logo span {position: absolute;margin: 2px 12px 0px 11px !important;font-size: 29px;} #logo:hover a:before {transition: transform 1s ease;transform: rotate(360deg);-webkit-transition: transform 1s ease;-moz-transition: transform 1s ease;-ms-transition: transform 1s ease;-o-transition: transform 1s ease;} @media (min-width: 992px) { /*.header-logo {margin:-3px 0px 0 2px !important;}*/ .header-logo {margin:0px 0px 0 0px !important;} #logo, #logo a {font-family: Arial,sans-serif;font-weight: 600;text-transform: uppercase;color: #000;font-size: 0px;} #logo span {position: absolute;margin: 0px 12px 0px 11px !important;font-size: 29px;} #logo a:before {font-family: "Font Awesome\ 5 Free", "FontAwesome";font-weight: 900;content: url(https://eurosnab.ru/image/catalog/ico/zvezda_34.png);display: inline-block;margin: 2px 0px 0px 3px !important;vertical-align: middle;color: #c33;} /*---------------------------------Крошки модификация-------------------------------------------------*/ main {padding:0px 0 10px !important;} .home-page {padding-top:28px;} .breadcrumb {padding:13px 0 12px 0px;margin-bottom:23px;list-style:none;} .breadcrumb:before {content:"";position:absolute;width:100vw;height:43px;left:50%;margin-top:-13px;margin-left:-50vw;z-index:-1;background:#f3f3f3;border-bottom:1px solid #efefef;} /*.breadcrumb li:nth-child(1) {opacity:.6;}*/ /*----------------------------------------------------------------------------------------------------*/ } @media (min-width: 992px) and (max-width: 1199px) { #logo, #logo a {font-size:26px;} #logo span {margin:3px 12px 0px 10px !important;font-size:27px;} #search .sales {display:none;width:111px;margin:0 30px 0 -5px;}} @media (min-width: 521px) and (max-width: 767px){ .header-block__item {margin:0px;} #logo, #logo a {font-size:26px;} #logo span {margin:2px 12px 0px 12px !important;font-size:27px;}} @media (min-width: 381px) and (max-width: 520px){ #logo, #logo a {font-size:22px;} #logo span {margin:3px 12px 0px 11px !important;font-size:20px;}} @media (max-width: 390px){ .header-block .header-block__item:first-child {width:20%;} /*.header-block .header-block__item {width:80%;}*/ #logo, #logo a {font-size:29px;} #logo span {display:none;} .t1 {font-size:1.3em !important;} .prmn-mobile .prmn-cmngr .city {font-size:1em !important;}} /*================================================================================================== МОДУЛИ ====================================================================================================================*/ /*========================================================================================= OcFilter ===============*/ .ocf-icon-16 {min-width:17px !important;} @media (max-width: 992px) { .ocf-btn-mobile-fixed .ocf-icon {margin-right:8px !important;} .ocf-btn-link span {font-size:16px !important;} .ocf-btn-mobile-static {margin-top:15px;border-top:1px solid #eee;padding:15px 0;margin-bottom:0px !important;border-bottom:none !important;} .ocf-btn-mobile-static .ocf-btn {width:100%;} .ocf-icon-16 {min-width:34px !important;margin-bottom:1px} .ocf-selected .ocf-value-input::before {border-color:#c00 !important;background-color:#c00 !important;} .ocf-value-input::before {border:#999 solid 1px !important;} .ocf-value:focus:not(:active) .ocf-value-input::before {border-color:#c00 !important;} } .ocf-header {display:none !important;} #ocf-filter-2-0-1 .ocf-filter-header {margin-bottom:14px !important;margin-top:3px !important;} /*============================================================================================ ГОРОДА --------------------------*/ .prmn-cmngr:hover .fa-map-marker-alt {color:#444} .prmn-cmngr-cities__close {margin: -5px 2px 0 0;} .footer__column-ul .fa {color: #cc4b4b; opacity: .99;} .prmn-cmngr-cities .modal-body {padding: 0px;} .prmn-cmngr-cities .form-group {margin-bottom: 15px;} .prmn-cmngr-cities__search-block {margin-bottom: 0px;padding: 30px 30px 0 30px;} .prmn-cmngr-cities__search {max-width: none;} .prmn-cmngr-cities .clearfix {padding: 10px 20px 20px 20px;} @media (min-width: 993px) { .prmn-mobile {display: none;} } @media (max-width: 992px) { .header-phones .additionals a.prmn-cmngr__city {display: inline !important;} .prmn-mobile .glyphicon {display: none} .prmn-mobile .prmn-cmngr .city {font-size: 1em; color: #cc0000;} .prmn-mobile .prmn-cmngr .city:hover {color: #f6846a;} } /*================================================================================== Флай-Меню ===============*/ @media screen and (min-width: 993px) { /*#fly-menu {display: none !important;}*/ } @media screen and (max-width: 992px) { .fly-menu {left:0px;right:0px;} .fa-bars:before {content: url("/image/catalog/br.png") !important;opacity: .8;line-height: 50px;} .fly-menu {top: 0 !important;} .fly-menu .row {margin:0;} .fly-menu__total {position:absolute;right:0px;top:0;height:17px;padding:0 6px;font-size:.8em;border-radius:0 0 0 3px;background:#c04f4f;} .fly-menu__block:first-child{ background: #b00;border-right: solid 1px #565656 !important;} .fly-menu__block{border-right: solid 1px #606060 !important;} .fly-menu__block:hover .fly-menu__icon {color: #dbdbdb} .fly-menu__icon { font-size: 1.15em;line-height: 42px !important;height: 42px !important;border: 0;} .fly-menu__cart {position:relative !important} .fly-menu__icon-cart {transform:translateX(0) !important} .fly-menu__cart-dropdown {left:auto; right:-2px!important; width:80vw !important} .fly-menu__cart.show .fly-menu__cart-dropdown {display: block;left:0px !important;right:0px !important;width:calc(100% + 0px) !important;border-radius: 0 0 3px 3px;position:fixed;z-index: 9991;top: 42px;} .fly-menu__cart .fly-menu__cart-dropdown {display: none;} .fly-menu-open:after {visibility: visible;position: fixed;z-index: 99;top: -190px;bottom: -10px;left: 0;width: 100%;content: "";background: #000;opacity: 0.5;} .fly-menu-open .dropdown-menu {-webkit-box-shadow: none; box-shadow: none;} .fly-menu__icon-compare {margin: 0;} } .add_to_cart.in_cart, .add_to_cart.in_cart:hover, .add_to_cart.in_cart:focus, .add_to_cart.in_cart:active {-webkit-filter: grayscale(0%) !important;} #fly-menu .show .fly-menu__icon-search:before {content: "\f00d";font-size: 1.3em;color: #d16060;} #fly-menu .show .form-control:focus {z-index: 99;border: solid 1px rgba(0, 0, 0, .1) !important;box-shadow: none;border-color: #fc0 !important;box-shadow: inset 0px 0px 0px 2px #fc0;} .fly-menu .show .header-search__btn {color: #000 !important;margin: 1px 2px 1px 0;} .fly-menu .header-search__form {margin-top: -1px;} /*================================================== slideshow.css =============================================*/ .uni-slideshow__item {box-shadow:inset 0 0 0 3px rgba(0, 0, 0, .04);} /*====================================================================страница Контакты ================*/ .contact-list .contact-list__item {display:block;} .contact-list .contact-list__item {margin:0 0 10px;color:#000;} .contact-list .contact-list__item.bez {margin-left:26px;} .contact-list__item {margin:0 0 10px;cursor:pointer;text-decoration:none;} .contact-list__item:hover {text-decoration:none;} .contact-list__item img {margin-right:20px;text-decoration:none;} .contact-list__item span {margin-left:0px !important;text-decoration:none;} .contact-list__item.lbr span {margin-left:38px !important;} .contact-list__item .vosem {color:#CC0000;font-weight:700;white-space:pre;margin: 0;} .contact-list__item .fa,.contact-list__item .fab,.contact-list__item .fas {font-size:1.1em;} .contact-list__item .fa-phone {transform: scaleX(-1);} address {margin-bottom:10px;} .btn-info {color:#c00 !important;background-color:#fff !important;border:1px solid #c00 !important;padding:0px 7px;font-weight:600;} .btn-info:hover {color:#fff !important;background-color:#c00 !important;} .btn-info .fa {padding-right:3px;font-size:0.95em;} .btn-tel {margin-top:6px;border:1px solid #444;padding:6px 7px;width: min-content;color:#444;background-color:#fff;font-weight:600;} .btn-tel:hover {color:#fff;background-color:#c00;border:1px solid #c00;text-decoration:none;} .panel {margin:40px 0;-webkit-box-shadow:none;box-shadow:none;background:none;} .panel-map {margin: 25px 0 40px 0 !important;border: 1px solid #ddd;filter: grayscale(50%);opacity: 0.8;} .panel-map:hover {border: 1px solid #ddd;filter: grayscale(20%);opacity: 1;} .panel-map iframe {margin-bottom: -5px;} .uni-form {padding: 20px;background: none;} @media (max-width:1199px){.contact-list__item .vosem {margin-left: 42px !important;}} @media (max-width:767px){.contact-list__item .vosem {margin-left: 0px !important;}} @media (max-width:390px){.contact-list__item .vosem {margin-left: 42px !important;}} .contact-page__form{margin-bottom:30px;} .contact-page__form .captcha__img {height: 33px;padding-left: 0px;float: none;max-width: 48%;border-radius: 4px;border: solid 1px #777;margin-left: 18px;} /*============================================== quick-order ============================================*/ /*--36--*/ .quick-order .captcha__input {max-width:48% !important;width:200px;} .quick-order .captcha__img {height:32px;padding-left:0px;float:right;max-width:48%;border-radius:4px;border:solid 1px #777;margin-left:-53px;} /*========================================================================================== КОРЗИНА =============*/ /*-------------- checkout.css ------------*/ .checkout-cart__wrapper:nth-child(odd) {background:#fff;} .checkout-cart__wrapper:nth-child(even) {background:#fcfcfc;} .checkout-cart__wrap {margin:0 0 10px;border:solid 1px #bbb;box-shadow:0 5px 10px #eee;border-radius:1px;} .checkout-cart__header {background:#eee;} .checkout-cart__item {border-top:none !important;background:#fff;} .checkout-cart__image, .checkout-cart__name, .checkout-cart__model, .checkout-cart__quantity, .checkout-cart__price, .checkout-cart__total {border-right:none;} .checkout-cart__remove-icon, .header-cart__remove-btn {color:#c22;} .checkout-cart__remove-icon:hover, .header-cart__remove-btn:hover {color:#333;} .checkout-cart__model {font-weight:500;} .checkout-cart__model-text {margin:0 0 5px;color:#888;line-height:1em;font-size:.82em;} .checkout-cart__quantity .qty-switch__btn:active, .checkout-cart__quantity .qty-switch__btn:focus {color:#fff;background:#c00;} .checkout-cart__coupon-btn, .checkout-cart__reward-btn, .checkout-cart__voucher-btn {height: 32px; border: solid 1px #ccc; border-left: none;} .checkout-cart__coupon-btn:hover, .checkout-cart__reward-btn:hover, .checkout-cart__voucher-btn:hover {border: solid 1px #ccc; border-left: none;} .btn-default {color: #c22; background: #eee;line-height: 0px;} .checkout-cart__coupon-input, .checkout-cart__reward-input, .checkout-cart__voucher-input {margin: 0px;} .product-thumb-related {background: #fff;} .checkout-cart__item:nth-child(odd) {background: #fff;} .checkout-cart__item:nth-child(even) {background: #fcfcfc;} .checkout-sticky__wrapper {padding: 10px 15px 15px; background: #eee; border-radius: 4px;} .unicheckout__form .checkbox, .radio {margin: 15px 0 10px;} .unicheckout__form .input input {margin: -2px 8px 0 2px !important;border-color: #c55;} .checkout-sticky .input input[type="checkbox"] {margin: -1px 8px 0 0 !important;} .checkout-customer__register.hidden {/*display: block !important;*/} .checkout-customer__register {margin:0px;padding-bottom: 0px;} .checkout-customer__group-pass .required {padding-bottom: 15px;margin-bottom: 0px;} .unicheckout__custom-field {margin: -30px 0 -12px;} .unicheckout__address {margin: 0px 0 10px;padding-top: 13px;} #button-payment-custom-field1 {visibility:hidden;position:relative;padding:0px;} #button-payment-custom-field1 .fa-upload {visibility: visible;position: absolute;margin-left:1px;} #button-payment-custom-field1:after {visibility: visible;position: absolute;top:23px;left:25px;content: "Загрузите реквизиты";font-size: 13px;} #unicart .text-right {display:none;} /*-------------- от Alex для Filterit ------------*/ .mb-10 {margin-bottom: 10px !important;} .description_caption {background:#f7f7f7;padding:15px;border-radius:5px;display:block;} @media (max-width: 345px){ .checkout-cart__quantity {padding:0 15px 15px 0;} } /*========================================================================================== РАССЫЛКА стили ------------------------------------------*/ .subscribe__info {display: flex;margin: -4px 0 0;} .subscribe__block {display: flex;width: 100%;margin: 0px;} .subscribe__inputs {width: 100%;position: relative;margin-right: 5px;} .subscribe__input-email {width: 100%;} .subscribe__btn {padding: 0 15px;margin: 0 0 0 15px;} .subscribe__btn:hover {background-color: #f3cfcf !important;transition: background 0.6s ease;} .subscribe__btn:active{background-color: #f4bfbf !important;transition:all 0s ease 0s;} .subscribe__btn:active.ripple::after{background-color: #f4bfbf !important;transition:all 0s ease 0s;} .subscribe__btn.ripple{overflow: hidden;position: relative;text-decoration: none;z-index: 1;} .subscribe__btn.ripple::after{background-color:#f3cfcf;left:50%;top:50%;height:0;width:150%;transform:translateY(-50%) translateX(-50%) rotate(90deg);opacity:0.5;position:absolute;content:"";transition:all 0.4s ease 0s;z-index:-1;} .subscribe__btn.ripple:hover::after{height:700% !important;opacity:1;} .subscribe__input-password { position: absolute;top: 0;right: 0;width: 0;padding: 0;transition: all ease-in-out .3s;} .form-control[disabled] {border: none;} .subscribe__agree span {width: 100%;height: 15px;} @media (min-width: 992px) { .subscribe__btn { width: 46%;} .subscribe__info {width: 25%;} .subscribe .col-md-7 {width: 75%;} } @media (min-width: 768px) and (max-width: 991px) { .subscribe {padding:20px 0px 18px 0px;} .subscribe__block {margin: 14px 0 5px !important;} .subscribe__agree {margin:14px 0 0;} } @media (max-width: 991px) { .fly-menu-open .subscribe {filter: blur(2px); transition: .1s;} .subscribe__block {margin: 17px 0 5px !important;} .subscribe__info {width: 100%;align-items: center;} .subscribe__inputs {width: 50% !important; margin-right: 0px !important;} .subscribe__btn {width: 50% !important;} } @media (max-width: 500px) { .subscribe__inputs {width: 100% !important;} .subscribe__input-email {width: 100%;border-radius: 4px 0 0 4px;border-right: none;} .subscribe__btn {width: auto !important; padding: 0 15px !important; border-radius: 0 4px 4px 0;margin: 0px !important;} .subscribe__btn span {display: none;} .megamessage {zoom:.8;} .position-right {right:1px !important;} .button-msg {margin-bottom:5px !important;} .fly-block__scrollup {margin:5px 0 0 0;} } @media (max-height: 400px) { .megamessage {zoom:.8;} .button-msg {float:left;margin-bottom:0px;} .mm-button {float:right;margin:0 -4px 0px 1px;} } @media (min-width:401px) and (max-width:700px) { .megamessage {zoom:.8;} .mm-button {margin-left:2px;} .button-msg {margin-bottom:0px;} .fly-block__scrollup {margin:5px 0 0 0;float:right;} } /*========================================================================================================= Категории на главной ------ category-wall.css -------*/ .category-wall__more {color: #aaa;} .category-wall__more span {text-decoration:none;border-bottom: 1px dashed #ccc;} .category-wall__ul.child-empty {padding:10px;} .category-wall__ul.child-empty {height:50px;} .category-wall__li a {display: flex;color: #222;} /*--12--*/ .category-wall__title.type2 a {color: #c00;} .category-wall__title.child-empty {overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-moz-box;-moz-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} /*=========================================================================================================страница Карточка товара-----------------*/ /*.add_to_cart:hover {background:#c00;}*/ .product-page__cart .add_to_cart, .product-page__cart .quick-order{border-radius:0px;} .quick-order:hover {background:#d00;} .product-data__item-span {background:#fafafa;} .product-data .model b {text-decoration:underline dashed #c55;text-decoration-thickness:1px;text-underline-offset:2px} @keyframes blink { 50% { color: rgb(34, 34, 34); } 51% { color: rgba(34, 34, 34, 0); } 100% { color: rgba(34, 34, 34, 0); } } .product-banner__item {height: calc(100% - 11px); margin: 0 0 11px; border: solid 1px rgba(0, 0, 0, .05)} .product-banner__item:hover {background: #eee;} .product-page__image-addit-img {border: solid 2px #ddd;} .product-page__image-addit-img.selected { border-color: #d96950;} .product-page .qty-switch__input, .quick-order .qty-switch__input, .quick-order .qty-switch__btn { border: solid 1px rgb(0 0 0 / 18%);} .product-page .qty-switch__btn {border: solid 1px #eaeaea;} .product-page .qty-switch__input, .quick-order .qty-switch__input {border-right: none;} .product-page__wishlist-btn, .product-page__compare-btn {background: none; border: none;} .product-page button.compare, .product-page button.wishlist{display:flex;align-items:center;justify-content:center;position:absolute;z-index:1;width:32px;height:32px;padding:0;font-size:16px;background:#f7f7f7;border:none;border-radius:100%;opacity:.9} .product-page__image {margin:0 0 30px;} .product-page__price {margin:15px 0 0 0;} .product-page__price .symbol {margin:0 0 0 5px;opacity:.7;} .uznai_price {padding: 0 0 10px;font-size:.9em;color:#c00;border-bottom:1px solid #eee;opacity:0.7;} .product-page__discount {margin:-20px 0 0px;color:#999;} .product-page__option {margin:0;padding-top:10px;border-bottom:1px solid #eee;} .product-page__option .option__group {padding:0;} .product-page__option .option__name {height: 26px;} .product-page__cart {margin:14px 0 0 0;padding:0 0 14px;} .btn + .btn-lg, .btn + .btn-xl {margin: 0 0 0 0px;} .product-page__minimum {margin:-5px 0 8px;color:#999;} .product-page__rating {margin:0;padding:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;} .product-page__share {margin:14px 0 30px 0;} .product-page-tabs.nav-tabs {margin-bottom: 15px;} .product-data__item {margin:0;padding:5px 5px 2px;font-size:.95em;} .product-page__rating-a {color:#c00;opacity:0.7;} #tab-specification .product-data__item:nth-child(1n) {background:#f7f7f7;} #tab-specification .product-data__item:nth-child(2n) {background:none;/*border: 1px solid #f0f0f0;*/} #tab-specification .product-data__item-div:first-child:after {border-bottom:none;} #tab-specification .heading:after {content:'';position:absolute;margin:7px;border:6px solid transparent;border-top-color:#e66;} #tab-specification h4:not(:first-child) {margin:13px 0 8px;} #tab-specification h4 {display:block;} #tab-specification .product-data__item-span {background: none !important;} .uni-badge {margin:0 -2px 0 10px;padding:0 5px;font-size:.7em;color:#fff;background: #e66;border-radius:10px;} .aaa {content:'';position:absolute;height:48px;background:#f5f5f5;left:95% !important;right:0 !important;margin-top:-14px;width:100vw;transform:translateX(-5%);} @media (max-width: 992px) { .product-qty-block {min-width: 100%;} .product-page__cart .add_to_cart {min-width: calc(100% - 74px);} } /*========================================================================================== На странице Закладок -----------------*/ .account-wishlist .product-thumb__name {color: #c00;} .account-wishlist .product-thumb__name:hover {color: #f6846a;} .account-wishlist .product-thumb__image {margin: 0 0 20px;} .account-wishlist .img-responsive {margin: 6px auto 20px;} .account-wishlist .product-thumb__cart {display:block;} .account-wishlist .product-thumb__add-to-cart {flex:0;} .account-wishlist__delete:hover, .compare-page__delete:hover {background:#f0f0f0;color:#000;} /*========================================================================================== На странице Сравнение ----------------- compare.css -------*/ .compare-page .table-bordered td {border-color: #ddd;text-align:center;} .compare-page .table-bordered td:nth-child(1) {text-align:left;} .table-bordered {background:#fff;} .attribute_groups {background-color: #f1f1f1;font-weight:500;color:#c04f4f;} /*=========================================================================================== новости на гланой ----------------- news.css -------*/ @media (max-width: 700px) { .news-module, .h-news {display: none;} } /*========================================================================================== Страница Поиска ================*/ .search-poisk {width: 100%;display: flex;padding: 10px 10px 0px 10px;margin-bottom: -10px;} .search-form {width: inherit;} .search-form .form-control {border: 1px solid #999;color: #07c;font-weight:500;} .search-knopka {width: 17%;min-width: 48px;margin: 0 0 0 20px;} .search-knopka .btn-primary {color: #000;background: #fa0;padding: 6px 10px;} .search-knopka:hover {background: #fb0;} .search-poisk .btn {height: 32px;} search .btn-lg{height:32px;text-transform: uppercase;padding: 4px 0px 0px 4px;} search .btn-lg b{font-weight:500;opacity:0.7;} /*================================================== livesearch.css ============================================*/ /*--14--*/ .live-search__price {color: #cc0000;} .live-search__more {background: #fafafa;} .fa-search:hover {color:#000000;} /*================================================================================ ФОРМЫ ОТПРАВКИ ================*/ /*--------------- кнопка вызова формы ---------------*/ .ocdw_form_builder-call-float-button-2 {cursor:pointer;position:fixed;right:20px;bottom:290px;width: 40px;height: 40px;margin: 0 0 10px;line-height: 40px !important;font-size: 17px;text-align: center;cursor: pointer;border-radius: 100%;transition: all ease-in-out .3s;z-index: 1000;display: flex;align-items: center;justify-content: center;color: #222;background: #fa0;border: none;} .ocdw_form_builder-call-float-button-2 span {display:none;} .ocdw_form_builder-call-float-button-22:hover {background: #fc0 !important;} .ocdw_form_builder-call-float-button-2:hover span {display: flex;align-items: center;justify-content: center;position: absolute;top: 50%;transform: translateY(-50%);background: #636363;height: 35px;right: 50px;min-width:140px;font-size: 14px;padding: 0 10px;color:#fff;} .ocdw_form_builder-call-static-button {color: #fff; background: #0c4;border: none;} .ocdw_form_builder-call-static-button {animation: ocdw_form_builder-call-static-button 2.0s infinite;} @keyframes ocdw_form_builder-call-static-button { 0% {box-shadow: 0 0 0 0 rgba(80, 200, 90, 0.8);} 70% {box-shadow: 0 0 0 13px rgba(80, 200, 90, 0);} 100% {box-shadow: 0 0 0 0 rgba(80, 200, 90, 0);}} .ocdw_form_builder-call-static-button i {-webkit-animation: iconOpacity 3s infinite;animation: iconOpacity 3s infinite;} .ocdw_form_builder-call-static-button:hover {color: #fff; background: #0d6;animation: none;} .ocdw_form_builder-call-static-button span {display:none;align-items: center;justify-content: center;position: absolute;top: 50%;transform: translateY(-50%);background: #636363;height: 30px;right: 49px;min-width: 130px;font-size: 13px;/*padding: 0 10px;*/color: #fff;border-radius: 4px;} .ocdw_form_builder-call-static-button span:before {display:none;content:'';width:8px;height:8px;position: absolute;background: #636363;transform: rotate(45deg);right: -4px;} .ocdw_form_builder-call-static-button span,.ocdw_form_builder-call-static-button span:before {display: flex; animation: fadeInAnimation ease 3s; /* Safari 4+ */ -o-animation: fadeInAnimation ease 3s; /* Fx 5+ */ -moz-animation: fadeInAnimation ease 3s; /* Opera 12+ */ -webkit-animation: fadeInAnimation ease 3s; /* IE 10+, Fx 29+ */ animation-iteration-count: 1; animation-fill-mode: forwards; } @keyframes fadeInAnimation {0% {opacity: 0;} 30% {opacity: 1;} 60% {opacity: 1;} 100% {opacity: 0;}} @-o-keyframes {0% {opacity: 0;} 30% {opacity: 1;} 60% {opacity: 1;} 100% {opacity: 0;}} @-moz-keyframes {0% {opacity: 0;} 30% {opacity: 1;} 60% {opacity: 1;} 100% {opacity: 0;}} @-webkit-keyframes {0% {opacity: 0;} 30% {opacity: 1;} 60% {opacity: 1;} 100% {opacity: 0;}} .ocdw_form_builder-call-static-button:hover span {display: flex;align-items: center;justify-content: center;position: absolute;top: 50%;transform: translateY(-50%);background: #636363;height: 30px;right: 49px;min-width: 130px;font-size: 13px;opacity: 1 !important;/*padding: 0 10px;*/color: #fff;border-radius: 4px;} .ocdw_form_builder-call-static-button:hover span:before {content:'';width:8px;height:8px;position: absolute;display: block;background: #636363;transform: rotate(45deg);right: -4px;opacity: 1 !important;/*top: calc(50% - 5px);*/} div[id^="ocdw_form_builder-block"] .inner-header {background: #555;} /*--------------- световая аконтовка при фокусе ---------------*/ div[id^="ocdw_form_builder-block"] .inner-center input[type=text]:not(.numInput):focus, div[id^="ocdw_form_builder-block"] .inner-center input[type=email]:focus, div[id^="ocdw_form_builder-block"] .inner-center input[type=tel]:focus, div[id^="ocdw_form_builder-block"] .inner-center textarea:focus, div[id^="ocdw_form_builder-block"] .inner-center select:not(.flatpickr-monthDropdown-months):not(.oc15-fix):focus {z-index: 2; border-color: rgba(178,142,0,0.6); box-shadow: 0 0 10px #fc0;} div[id^="ocdw_form_builder-sidebar"].ocdw_form_builder-sidebar .ocdw_form_builder-sidebar-body {background: #fafafa;} #ocdw_form_builder-block-3 .inner-center .inner-fields .inner-field textarea {height: 100px;} @media (max-width: 991px){ div[id^="ocdw_form_builder-sidebar"] div[id^="ocdw_form_builder-block"] {height: auto;} } /*-======================================== Убираем капчу ===================================================*/ .contact-page__form {display:none;} div[id^="ocdw_form_builder-block"].static {margin:10px 0 !important;} div[id^="ocdw_form_builder-block"] .recaptcha {filter:grayscale(1);margin:15px 0 0 1px;opacity:.6;} div[id^="ocdw_form_builder-block"] .recaptcha:hover {filter:grayscale(.5);opacity:.8;} div[id^="ocdw_form_builder-block"] .recaptcha:focus {filter:grayscale(0);opacity:1;} div[id^="ocdw_form_builder-block"].static {border:none;background:#fafafa;} div[id^="ocdw_form_builder-block"].static .inner-header {display:none;} div[id^="ocdw_form_builder-block"].static .inner-center {padding:0px 0px 20px;} div[id^="ocdw_form_builder-block"].static .inner-center .inner-fields {margin:0;} div[id^="ocdw_form_builder-block"] .inner-center .require-information .inner-fields > div {margin:7px 7px 0;} div[id^="ocdw_form_builder-block"] .inner-center .inner-fields .inner-field .field-checkbox label {margin-top:2px;} div[id^="ocdw_form_builder-block"] .require-information span {margin-top:3px;} div[id^="ocdw_form_builder-block"] .file-list .item {width:auto;max-width:none;flex:none;} div[id^="ocdw_form_builder-block"].static .inner-footer {padding: 0px 10px 20px;} div[id^="ocdw_form_builder-block"] .upload-file-button {width:auto;margin:5px 2px !important;} .grecaptcha-badge {transform:scale(0.001);transform-origin:0 0} #ocdw_form_builder-form-6 .field-col-2{width:100% !important;} /*============================================================================================================================ manufakturer.css -----------------*/ .alfavit {padding-inline-start: 0px;} .alfavit li {display: inline;margin-left: 7px;font-weight: 500;} .manufacturer_categories {padding-inline-start: 0px;} .manufacturer_categories li {display:inline-block;float:left;margin:0 0px 10px 0;padding:5px 12px;border:1px solid #ddd;border-radius: 4px;background: #fff;} #manufacturer_module .heading {line-height: 21px;padding: 0 5px 0 8px;} #manufacturer_module .heading:after {opacity: 1;} #manufacturer_module ul > li > div {background: #fff;} #manufacturer_module ul > li ul > li > a {font-weight: 400;background: #fff;} #manufacturer_module ul > li:hover > a {border:solid 1px #aaa;font-weight: 400;background:#fff} #manufacturer_module .col-xs-12 > ul > li:hover:before {border-left:solid 1px #aaa;border-right:solid 1px #aaa;font-weight: 500;background:#fff} #manufacturer_module ul > li:hover > div {border:solid 1px #aaa} #manufacturer_module a:hover {color: #222;} #manufacturer_module ul > li a {border: solid 1px rgb(0 0 0 / 25%);} /*============================================================================================================================ Архивный и Лоты-----------------*/ .lot-category{border:1px solid #ccc;padding:10px;margin:5px;background:#fff;} .lot-category a{color:#9f9d9d;} .product-thumb.archiv .product-thumb__price.price, .product-thumb.archiv .product-thumb__cart.cart {display:none;} .product-thumb .text-archiv{text-align:center;padding:27px;} .product-thumb .text-archiv span {font-size:1.4em;color:#888;} .product-block.archiv .product-page__price.price, .product-block.archiv .product-page__cart{visibility:hidden !important;} /*--------------- Кнопка мессенжера -----------------*/ .megamessage {bottom:5px;z-index:100000000000;} .position-left {left:7px} .position-right {position:relative;right:7px;} .button-msg {display:block;width:55px;height:55px;overflow:hidden;margin-bottom:15px;transition:all 2s;opacity:1;} .msg-whatsapp {background:#4ec859;border-radius:50px;background-image:url(/image/megamessage/whatsapp.svg);height:55px;width:55px;background-size:55%;background-position:center center;background-repeat:no-repeat;} .msg-telegram {background:#3eade5;border-radius:50px;background-image:url(/image/megamessage/plane.svg);height:55px;width:55px;background-size:55%;background-position:center center;background-repeat:no-repeat;} .msg-viber {background:#665cac;border-radius:50px;background-image:url(/image/megamessage/viber.svg);height:55px;width:55px;background-size:55%;background-position:center center;background-repeat:no-repeat;} .msg-phone {background:#ec4848;border-radius:50px;background-image:url(/image/megamessage/telephone.svg);height:55px;width:55px;background-size:55%;background-position:center center;background-repeat:no-repeat;} .msg-email {background:yellow;border-radius:50px;} .msg-skype {background:#00a9e8;border-radius:50px;background-image:url(/image/megamessage/skype.svg);height:55px;width:55px;background-size:55%;background-position:center center;background-repeat:no-repeat;} .msg-messenger {background:#018dff;border-radius:50px;background-image:url(/image/megamessage/messenger.svg);height:55px;width:55px;background-size:55%;background-position:center center;background-repeat:no-repeat;} .msg-vk {background:#5181b8;border-radius:50px;background-image:url(/image/megamessage/vk.svg);height:55px;width:55px;background-size:55%;background-position:center center;background-repeat:no-repeat;} .msg-line {background:#00b900;border-radius:50px;background-image:url(/image/megamessage/line.svg);height:55px;width:55px;background-size:55%;background-position:center center;background-repeat:no-repeat;} .msg-mail {background:#999;border-radius:50px;background-image:url(/image/megamessage/envelope.svg);height:55px;width:55px;background-size:55%;background-position:center center;background-repeat:no-repeat;} .hidden-msg {display:none;opacity:0;} .mm-button {background:#0c4;width:55px;height:55px;border-radius:50px;box-shadow:0px 0px 5px 0px #0c4;-o-transition:transform 3s linear;-ms-transition:transform 3s linear;-moz-transition:transform 3s linear;-webkit-transition:transform 3s linear;transition: transform 3s linear;cursor:pointer;animation:shadow 1s linear infinite alternate;} .mm-button-img {background-image: url(/image/megamessage/message.svg);height: 55px;width: 55px;background-size:55%;background-position:center center;background-repeat:no-repeat;/*-webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;*/} .mm-button.active .mm-button-img {width:36px;margin-left:9px;transition-duration:.6s;background-image:url(/image/megamessage/close.svg)} .mm-button.active .mm-button-img:hover {transform:rotate(180deg);transition:all .6s;} /*.mm-button-img:hover {-o-transform:rotate3d(0, 1, 0, 180deg);-ms-transform:rotate3d(0, 1, 0, 180deg);-moz-transform:rotate3d(0, 1, 0, 180deg);-webkit-transform:rotate3d(0, 1, 0, 180deg);transform:rotate3d(0, 1, 0, 180deg);}*/ .active-msg {animation:slide-up .4s linear;} div.test {width:120px;height:120px;background-color:red;margin:200px;animation:turning 4s infinite;} @keyframes shadow { 0% {box-shadow:0px 0px 0px 0px #0c4;} to {box-shadow:0px 0px 25px 0px #0c4;}} @keyframes slide-up { 0% {opacity:0;display:none;margin-top:0;margin-bottom:0;-ms-transform:translateY(15px);-webkit-transform:translateY(15px);moz-transform:translateY(15px);-o-transform:translateY(15px);transform:translateY(15px)} to {opacity:1;display:block;margin-top:0;margin-bottom:15px;-ms-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}} .dropdown-menu li>a span {color:#c00;min-width:15px;margin:0 7px 0 0;text-align:center;} /*--------------- Кнопка админа на странице -----------------*/ #quickedit {position:fixed;bottom:10px;left:10px;z-index:998;} #quickedit a {background-color:#fb0;padding:13px 13px;display:block;font-size:22px;color:#000;border-radius:22px;text-decoration:none;z-index:998;transform:rotate(120deg);transition:all ease-in-out .3s;animation:rotate 1.5s infinite linear;} /*==================================================== Рецепты Маниона -----------------*/ img.recept-start {padding:20px;width:400px;} img.recept-img {width: 50%;} img.recept-end {float: right;} .d-r-1 {float:left;font-size:30px;margin:100px 10px;} .d-r-1 font {font-size:34px;} .d-r-2 {float: right;} @media (max-width: 992px) { .d-r-1 {float:left;font-size:30px;margin:50px 10px;} img.recept-img {width: 100%;} img.recept-end {width: 100%;} } @media (max-width: 767px) { img.recept-end {width: 100%;} } @media (max-width: 500px) { img.recept-start {width: 100%;} } .smart-captcha {height: 100px;}