/*Ссылки*/ a {} a:focus, a:hover { outline: none; } /**Ссылки**/.tech-button-quickview { display: none !important; /*Скрываем быстрый просмотр*/ }/*Метки*/ .marks { position: absolute; z-index: 3; left: 0; top: 0; margin: -8px -4px; min-width: 8px; min-height: 16px; } .marks .mark { float:left; font-size:12px; line-height: 12px; margin: 8px 4px; padding: 4px 4px; border-radius: 2px; color:#fff; } .marks .mark.hit { border: 1px solid #c51942; background: #c51942; /*	background: #4665da;*/ } .marks .mark.new { border: 1px solid #4891e1; background: #4891e1; /*background: #ca155e;*/ } .marks .mark.action { border: 0; color:#fff; font-weight:bold; font-size:12px; padding:7px 11px; border:3px; background: #008a5e; /*    background: #f5c700;*/ } .marks .mark.sale { border: 0; color:#212121; font-weight:bold; font-size:12px; padding:7px 11px; border:3px; background: #f5c700; /*    background: #f5c700;*/ } .marks .mark.recommend { border: 1px solid #1a5d96; color: #1a5d96; } /**Метки**//*Вкладки*/ .tech-tabs .tabs { display: block; //white-space: nowrap; padding-left: 0px; margin-bottom: 30px; font-size: 0px; }.tech-tabs .tabs .tab { display: inline-block; font-size: 14px; color: #7a7a7a; cursor: pointer; border-bottom: 2px solid transparent; transition-property: background-color, border-color; transition: 0.2s; }.tech-tabs .tabs .tab a { display: block; color: inherit; font-size: inherit; text-decoration: none; padding: 7px 25px; font-size: 14px; font-weight: bold; transition: 0.2s; }.tech-tabs .tabs .tab a:focus { outline: none; }.tech-tabs .tabs .bottom-line { position: absolute; left: 0px; background: #f1f1f1; height: 1px; width: 100%; }.tech-tabs .tabs .tab.current, .tech-tabs .tabs .tab.ui-state-hover, .tech-tabs .tabs .tab:hover, .tech-tabs .tabs .tab.ui-state-active { color: #000; border-color: #1a58d7; }.tech-tabs .tabs .tab:focus { outline: none; } /**Вкладки**//*Кнопки*/ .tech-button { position: relative; display: inline-block; vertical-align: middle; text-decoration: none; font-size: 14px; line-height: 14px; font-weight: 700; text-align: center; padding: 15px 11px 14px 11px; cursor: pointer; border-radius: 3px; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color, border-color; -moz-transition: background-color, border-color; -ms-transition: background-color, border-color; -o-transition: background-color, border-color; transition: background-color, border-color; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }.tech-button:hover { text-decoration: none; }.tech-button:focus { outline: none; text-decoration: none; }.tech-button.tech-button-gray { border: 1px solid #cbcbcb; color: #363636; background: #fff; } .tech-button.tech-button-gray:hover { background: #cbcbcb; } .tech-button.tech-button-green { color: #fff; background: #008a5e; } .tech-button.tech-button-green:hover { background: #08af7b !important; } .button-respond { width: 100%; } /**Кнопки**//*Кнопки прокрутки*/ .tech-slider-button-small, .tech-slider-button { position: relative; border: none; background: transparent; transition: 0.3s; padding: 0px; cursor: pointer; } .tech-slider-button-small { width: 24px; height: 24px; background:#e1e1e1; border-radius: 12px; } .tech-slider-button { width: 30px; height: 30px; border-radius: 15px; } .tech-slider-button-small:hover, .tech-slider-button:hover { background: #1a58d7; } .tech-slider-button-small:focus, .tech-slider-button:focus { outline: none; }.tech-slider-button-small .icon, .tech-slider-button .icon { position: absolute;background: url('images/tech-slider-buttons.png') no-repeat; } .tech-slider-button-small .icon { top: 4px; left: 4px; right: 4px; bottom: 4px; } .tech-slider-button .icon { top: 7px; left: 7px; right: 7px; bottom: 7px; }.tech-slider-button-small.tech-slider-button-left .icon, .tech-slider-button.tech-slider-button-left .icon { background-position: -16px 0px; } .tech-slider-button-small.tech-slider-button-left:hover .icon, .tech-slider-button.tech-slider-button-left:hover .icon { background-position: -16px -16px; }.tech-slider-button-small.tech-slider-button-right .icon, .tech-slider-button.tech-slider-button-right .icon { background-position: 0px 0px; } .tech-slider-button-small.tech-slider-button-right:hover .icon, .tech-slider-button.tech-slider-button-right:hover .icon { background-position: 0px -16px; } /**Кнопки прокрутки**//*Отступы*/ .tech-indents-vertical { display: block; margin: 0px; padding: 0px; }.tech-indents-vertical.indent-5 { padding-top: 5px; }.tech-indents-vertical.indent-10 { padding-top: 10px; }.tech-indents-vertical.indent-15 { padding-top: 15px; }.tech-indents-vertical.indent-20 { padding-top: 20px; }.tech-indents-vertical.indent-25 { padding-top: 25px; }.tech-indents-vertical.indent-30 { padding-top: 30px; }.tech-indents-vertical.indent-35 { padding-top: 35px; }.tech-indents-vertical.indent-40 { padding-top: 40px; }.tech-indents-vertical.indent-45 { padding-top: 45px; }.tech-indents-vertical.indent-50 { padding-top: 50px; }.tech-indents-horizontal { display: inline-block; vertical-align: middle; margin: 0px; padding: 0px; min-height: 1px; height: 100%; }.tech-indents-horizontal.indent-5 { padding-left: 5px; }.tech-indents-horizontal.indent-10 { padding-left: 10px; }.tech-indents-horizontal.indent-15 { padding-left: 15px; }.tech-indents-horizontal.indent-20 { padding-left: 20px; }.tech-indents-horizontal.indent-25 { padding-left: 25px; }.tech-indents-horizontal.indent-30 { padding-left: 30px; }.tech-indents-horizontal.indent-35 { padding-left: 35px; }.tech-indents-horizontal.indent-40 { padding-left: 40px; }.tech-indents-horizontal.indent-45 { padding-left: 45px; }.tech-indents-horizontal.indent-50 { padding-left: 50px; } /**Отступы**//*Текст*/ .tech-text-default { font-size: 13px; line-height: 20px; letter-spacing: 0.1px; } /**Текст**//*Выравниватель*/ .tech-aligner-vertical { display: inline-block; vertical-align: middle; height: 100%; width: 0px; overflow: hidden; } /**Выравниватель**//*Поля ввода*/ .tech-input-textarea, .tech-input-text { display: inline-block; vertical-align: middle; border: none; background: #fefefe; color: #515151; font-size: 14px; padding: 0px 10px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #bbb5b4; }.tech-input-text { line-height: 35px; height: 35px; }.tech-input-textarea { padding: 10px 10px; } /**Поля ввода**//*Минималистичные кнопки*/ .min-button div { position: relative; width: 30px; height: 30px; cursor:pointer; border-radius: 50%; background: #3a58d2; } .min-button div.remove:before, .min-button div:before { content: ''; position: absolute; top: 0px; left: 0px; width:30px; height: 30px;} .min-button div.remove { background: #3a58d2!important; } .min-button div { background: #f0efee; } .min-button:hover div { background: #dddddd; } .min-button div.remove:before { background-position: bottom; } /*Добавить в отложенные*/ .min-button.like div:before { background-image: url('images/like.png'); background-repeat: no-repeat; background-position: center; }/*Добавить в сравнение*/ .min-button.compare div:before { background-image: url('images/compare.png'); background-repeat: no-repeat; background-position: center; }/*В корзину*/ .min-button.to-cart div { background-image: url('images/to_cart.png'); background-repeat: no-repeat; background-position: top; }.min-button.to-cart:hover div { background-position: bottom;}/*Удалить*/ .min-button.delete div { background-image: url('images/delete.png'); background-repeat: no-repeat; background-position: top; } .min-button.delete div { border-radius: 4px; width: 18px; height: 18px; margin: 3px; } .min-button.delete:hover div { background-position: bottom;} /**Минималистичные кнопки**//*Изображения*/ .tech-image { font-size: 0px; text-align: center; white-space: nowrap; }.tech-image * { white-space: normal; text-align: left; font-size: 14px; }owl-carousel .owl-item .tech-image > img, .tech-image > img { display: inline-block !important; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; } /**Изображения**//*Панель сортировки*/ .tech-panel-sort { position: relative; display: block; overflow: hidden; white-space: normal; }.tech-panel-sort .tech-panel-sort-wrapper { display: block; overflow: hidden; margin-bottom: 10px; border-bottom: 1px solid #dadada; }.tech-panel-sort .part { display: block; overflow: hidden; height: auto; padding-bottom: 20px; float: left; } .tech-panel-sort .part.right { float: right; }.tech-panel-sort .part .part-wrapper { display: block; position: relative; margin-left: -5px; margin-right: -5px; min-width: 10px; min-height: 10px; overflow: hidden; font-size: 0px; height: 100%; }.tech-panel-sort .part .caption { display: inline-block; vertical-align: middle; color: #dadada; padding: 0 5px; padding-right: 10px; font-size: 12px; line-height: 12px; }.tech-panel-sort .part .element { display: inline-block; vertical-align: middle; padding: 0 5px; white-space: nowrap; }.tech-panel-sort .part .element .element-wrapper { display: inline-block; vertical-align: middle; }.tech-panel-sort .sort .sort-item { display: block; font-size: 12px; text-decoration: none; line-height: 12px; padding: 0 6px 0 0; border-radius: 3px; } .tech-panel-sort .sort .sort-item .sort-item-icon { display: none; width: 7px; height: 5px; margin-left: 6px; background-image: url('images/tech-panel-sort-new.png'); background-repeat: no-repeat; background-position: 16px 16px; }.tech-panel-sort .sort .sort-item .sort-item-text { display: inline-block; vertical-align: middle; }.tech-panel-sort .sort .sort-item { color: #a5a3a3; } .tech-panel-sort .sort .sort-item:hover, .tech-panel-sort .sort .sort-item.ui-state-active { color: #373737; }.tech-panel-sort .sort .sort-item.ui-state-active .sort-item-icon { display: inline-block; vertical-align: middle; } .tech-panel-sort .sort .sort-item.ui-state-active.asc .sort-item-icon { background-position: -9px 0px; } .tech-panel-sort .sort .sort-item.ui-state-active.desc .sort-item-icon { background-position: 0 0px; }.tech-panel-sort .views .view { display: block; width: 16px; height: 16px; cursor: pointer; background-image: url('images/tech-panel-sort-new.png'); background-repeat: no-repeat; }.tech-panel-sort .views .view.text { background-position: -36px -32px; } .tech-panel-sort .views .view.text.ui-state-active, .tech-panel-sort .views .view.text:hover { background-position: -36px -14px; } .tech-panel-sort .views .view.list { background-position: -18px -32px; } .tech-panel-sort .views .view.list.ui-state-active, .tech-panel-sort .views .view.list:hover { background-position: -18px -14px; } .tech-panel-sort .views .view.tile { background-position: 0px -32px; } .tech-panel-sort .views .view.tile.ui-state-active, .tech-panel-sort .views .view.tile:hover { background-position: 0px -14px; } /**Панель сортировки**//*Радиокнопка*/ .tech-button-radio { white-space: nowrap; cursor: pointer; }.tech-button-radio input { display: none; }.tech-button-radio .selector { display: inline-block; vertical-align: middle; position: relative; width: 14px; height: 14px; border-radius: 7px; background: #e9e9e9; margin-right: 4px; border: 1px solid #c9c9c9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }.tech-button-radio:hover .selector { border-color: #b9b9b9; background: #d9d9d9; }.tech-button-radio input:checked + .selector:before { content: ''; display: block; position: absolute; top: 3px; left: 3px; right: 3px; bottom: 3px; border-radius: 4px; background: #1a58d7; }.tech-button-radio .text { display: inline-block; vertical-align: middle; white-space: normal; margin-right: 20px; } /**Радиокнопка**//*Чекбокс*/ .tech-button-checkbox { white-space: nowrap; cursor: pointer; }.tech-button-checkbox input { display: none; }.tech-button-checkbox .selector { display: inline-block; vertical-align: middle; position: relative; width: 14px; height: 14px; border-radius: 2px; background: #e9e9e9; margin-right: 4px; border: 1px solid #c9c9c9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }.tech-button-checkbox:hover .selector { border-color: #b9b9b9; background: #d9d9d9; }.tech-button-checkbox input:checked + .selector:before { content: ''; display: block; position: absolute; top: 3px; left: 3px; right: 3px; bottom: 3px; background: #1a58d7; border-radius: 2px; }.tech-button-checkbox .text { display: inline-block; vertical-align: middle; white-space: normal; margin-right: 20px; } /**Чекбокс**//*Числовой ввод*/ .tech-input-numeric { display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0px; }.tech-input-numeric * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }.tech-input-numeric button { display: inline-block; vertical-align: top; border: 1px solid #d2d2d2; background: #fff; width: 26px; color: #272727; font-size: 14px; line-height: 26px; height: 30px; text-align: center; transition: 0.3s; } .tech-input-numeric button:hover { background: #d2d2d2; } .tech-input-numeric button:focus { outline: none; }.tech-input-numeric button.increase { border-left: 0px; border-radius: 0px 3px 3px 0px; }.tech-input-numeric button.decrease { border-right: 0px; border-radius: 3px 0px 0px 3px; }.tech-input-numeric input { display: inline-block; vertical-align: top; border: 1px solid #d2d2d2; background: #fff; width: 32px; color: #272727; font-size: 14px; line-height: 28px; height: 30px; text-align: center; } /**Числовой ввод**/ /* see_all */ .see_all { position:absolute; right:0; bottom:0; display:block; padding: 8px 17px; border:1px solid #eaeaea; border-radius:3px; } .see_all a { text-decoration:none; color:#1c1c1c; font-size:12px; } /* UNI Button Quick View */ .tech-button-quickview { max-width:180px; text-align:center; height:35px; background:rgba(197,197,197,0.8); border: 1px solid #d9d9d9; border-radius:30px; color:#fff; font-size:11px; line-height:35px; margin:auto; position:absolute; left:0; right:0; bottom:0; top: 140px; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s; }.tech-button-quickview:hover {background: rgba(197,197,197,1);}.tech-button-quickview i { display: inline-block; width: 13px; height: 16px; vertical-align: middle; margin-right: 4px; background: url(images/loop.png) no-repeat; }@media all and (max-width: 950px) { .adaptiv .tech-button-quickview { display: none !important; } } @media all and (max-width: 480px) { .adaptiv .tech-panel-sort .part .element { padding: 5px; } .adaptiv .tech-panel-sort .part.right { display: none; } }/* UNI Popup */ .tech-popup { position: fixed; overflow-y: scroll; overflow-x: auto; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; display:none; z-index: 999; }.tech-popup  .tech-popup-wrapper { display: block; text-align: center; height: 100%; width: 100% }.tech-popup .tech-popup-background { position: fixed; display: block; top: 0px; left: 0px; width: 100%; height: 100%; background: #1d1d1d; opacity: 0.6; }.tech-popup-mode { overflow: hidden; display: block; height: auto!important; } .tech-popup-mode body { overflow: hidden; height: 100%; }.tech-popup .tech-popup-content { background-color: #fff; box-sizing: border-box; display: inline-block; height: auto; position: relative; text-align: left; line-height: 18px; -webkit-backface-visibility: hidden; height: 100%; width: 934px; }.tech-popup .tech-popup-header { position: fixed; top: 0; left: auto; right: auto; z-index: 10; }