/* Preload images */ body:after { content: url(/images/close.png) url(/images/loading.gif) url(/images/prev.png) url(/images/next.png); display: none; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-container { padding: 4px; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(/images/loading.gif) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(/images/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(/images/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(/images/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .js-owl .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .js-owl{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .js-owl .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .js-owl .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .js-owl .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .js-owl .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(/images/grabbing.png) 8 8, move; } /* fix */ .js-owl .owl-wrapper, .js-owl .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed&subset=latin,cyrillic); @import url(https://fonts.googleapis.com/css?family=Roboto&subset=latin,cyrillic); .fancybox-skin, .product-preview__in-stock, .product-preview__not-in-stock, .product-preview__custom, .card__question-name, .add2favorite, .add2compare, a.btn, table .textSubmenu, .breadcrumbs, .buy clearfix, .product-list__title, .action-list__table, .footer__menu, .footer__cat, .footer__subtitle, .footer__address, .catalog__title, .cat-slider__name, .cat-submenu__name, .heading__container, .top-line__container, .catalog__link, .js-detaillink, input.btn.btn1.red_btn, .basket .totaltext, .clearitems, .clearsolo, .custom_text_show_card, table.items .js-element, .basket table.items thead th, .basket .part .title h3, .pcontent .basket .btns input.btn.btn3, #order_form_content input, .rate, .reviewform, .khayr_main_comment form input[type="submit"], .khayr_main_comment form button, .khayr_main_comment button, .khayr_main_comment a.button, .khayr_main_comment a.button:visited, .product-preview__price-table, .pcontent, .someform, .bx-sls input[type="text"], .form_freeongoo, #calcw, .podbor, .fancybox-opened .fancybox-title, #creditTitle, .card__controls, .bx_catalog_line .bx_catalog_line_title a { font-family: 'Roboto Condensed', sans-serif !important; } .fancybox-opened .fancybox-title, #creditTitle, .popup-credit-content .credit-tariff-i-title, .card__controls { text-transform: uppercase !important; } .khayr_main_comment form input[type="submit"]:hover, .khayr_main_comment form button:hover, .khayr_main_comment button:hover, .khayr_main_comment a.button:hover { color: #fff !important; } .profillist .item, .profillist .item:hover, .profillist:hover .item .name { text-decoration: none; } .podbor table tr td { padding-left: 5px; padding-right: 5px; } . getMePriceForGood { margin-left:0 !important; } .promo-slider__item img { max-width:100%; } .content__container .fix{ font-weight: bold; font-size: 15px; } #summaryright{ float: right; max-width: 600px; } #order_form_content{ float:left; } .card__border-box.card__border-box--share{ display: none!important; } .someform.orderforma .orderbtn{ margin-top: 10px; } @media (min-width: 607px) and (max-width: 760px){ .catalog .prods{ margin-left: 0px!important; } .catalog .sidebar{ width: 100%!important; } } @media (max-width:990px){ #order_form_content, #summaryright, .someform.orderforma .orderbtn{ width: 100%!important; float: left!important; } } @media (min-width: 766px) and (max-width: 990px){ .heading__logo{ width: 55%!important; } .phones{ width: 30%!important; } } #toTop{ display: none!important; } @media (max-width: 750px) { #toTop{ display: block!important; width: 32px; z-index: 9999; position: fixed; bottom: 5px; opacity: 0.8; right: 15px; } } .form_freeongoo .item_field div { margin-top: 6px; margin-bottom: 5px; } .profillist .item .name { font-size: 20px; line-height: 35px; } .profillist .item .data, .profillist .item .action { margin-top: 5px; line-height: 26px; font-size: 14px; text-transform: uppercase; } .profildetail .table .full h2 { margin-top: 0; } .profildetail .table .td.name { font-weight: bold; font-size: 12px; margin-top: 8px; margin-bottom: 8px; } .profildetail .table .full.header { font-weight: bold; font-size: 15px; text-transform: uppercase; margin-top: 15px; margin-bottom: 10px; } .profildetail .table .tr { margin-top: 20px; margin-bottom: 20px; } .basket .totaltext { margin-bottom: 20px; font-weight: bold; } .rate { text-transform: uppercase; margin-top: 10px; } .basket table.items thead th { font-weight: bold; } .clearitems, .clearsolo, .basket .part .title h3 { text-transform: uppercase; font-weight: bold; } .groupedprops, .prop_card_title { display: none; } .card__question-name, .add2compare, .add2favorite, .textSubmenu, .accordeon__title, .heading__container, .catalog__link, .name { text-transform: uppercase !important; } .basket .btns .coupon { display: none; } .add2compare, .add2favorite { font-size: 11px; text-decoration: none; } .filtren input[type="checkbox"] { border-radius: 0!important; } .card__question-tab { text-decoration: none !important; } button.js-minus { position: relative; margin-right: 0; margin-top: -4px; } button.js-plus { position: relative; margin-top: -6px; } .add2compare:hover, .add2favorite:hover { text-decoration: underline; } .catalog .sidebar ul { margin-left: 0 !important; font-family: 'Roboto Condensed', sans-serif !important; } .submenuItem a { text-decoration: none; } .textSubmenu { margin-top: 20px; } .dropdown a:hover { text-decoration: none !important; } .accordeon__description { font-family: 'Roboto', sans-serif !important; } .catalog__link { font-size: 13px !important; font-family: 'Roboto Condensed', sans-serif !important; } .content__container ul, .content__container ol { margin-left: 45px !important; font-family: 'Roboto', sans-serif !important; font-size: 13px; Margin-top:10px; margin-bottom:10px; } a.btn.btn1 { float: right; padding: 11px 26px; font-weight: bold; text-transform: uppercase; font-size: 0.9em; } input.btn.btn1.red_btn { margin-left: 15px; background: #E2001A; font-weight: bold; } .sub_menu.absolute { position: absolute; width: 269px; } a.close_section { position: absolute; color: #fff; z-index: 9999; font-size: 45px; right: 23px; margin-top: 0px; } .owl-item span { width: 100%; } .owl-item { padding: 0 4px; } .catalog__title:before { content: "" !important; position: absolute; width: 18px !important; height: 20px !important; display: none !important; background: url('/img/arrow.jpg') 0 0 no-repeat; background-size: 100% 100% !important; right: 10px; top: 15px; z-index: 99; visibility: visible !important; } .basket table.items tr:nth-child(odd) { background-color: #fff; } .basket table.items tr:first-child td { background: -o-linear-gradient(bottom, #fff 5%, #fff 100%); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff), color-stop(1, #fff) ); background: -moz-linear-gradient( center top, #fff 5%, #fff 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff", endColorstr="#fff"); background: -o-linear-gradient(top, #fff, fff); background-color: #fff; } .content__container { margin: 0px; padding: 0px; width: 100%; border: 1px solid #ffffff; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; } .artables.gallery table tr th.free, .artables.gallery table tr td.free { background-color: #fff !important; } .top-line__container, .heading__container, .navigation__container, .cat-slider .owl-pagination, .catalog, .catalog__title, .promo-slider .owl-pagination, .content__container, .breadcrumbs__container, .product-list__table, .sidebar, .article-slider .owl-pagination, .brand-list__container, .brand-list__table .owl-pagination, .action-list__container, .footer__container, .footer__social, .copyright__container, .input-group, .card__preview, .card__question-change { zoom: 1; } .sectinfo .img.clearfix { float: right; margin-left: 25px; margin-bottom: 15px; } .content__container .page_title { font-family: 'Roboto Condensed', sans-serif !important; margin-top: 20px !important; } .sections a.parent { text-align: center; text-decoration: none; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif !important; } .ajaxpages, .footer__subtitle, .footer__address, .top-line__right-menu, .top-line__menu, .heading__menu, .heading__service-name, .breadcrumb, .sort, .catalogmenu, .body, .name a, .fancyajax, .add2basket, .search, .card__button--credit, .card__question-change, .off-canvas-menu__item, .off-canvas-menu__title, .heading__address { font-family: 'Roboto Condensed', sans-serif !important; } .heading__menu a:hover { text-decoration: none; } .footer__subtitle, .catalogmenu, .name a, .add2basket, .heading__address, .heading__service-name, .heading__menu, .footer__address { /* text-transform:uppercase; */ } .add2basket { line-height: 15px !important; } .catalog__menu--nested .catalog__link { line-height: 19px; } .content__container p, .sectinfo .description p { font-size: 13px; margin-top: 5px; margin-bottom: 5px; } .content__container h2, .sectinfo .description h2 { font-size: 17px; margin-bottom: 10px; margin-top: 10px; font-family: 'Roboto Condensed', sans-serif; } .content__container ul, .sectinfo .description ul, .sectinfo .description ol { list-style-type: square !important; margin-top: 10px; margin-bottom: 10px; font-size: 13px; } .top-line__container:before, .heading__container:before, .navigation__container:before, .cat-slider .owl-pagination:before, .catalog:before, .catalog__title:before, .promo-slider .owl-pagination:before, .content__container:before, .breadcrumbs__container:before, .product-list__table:before, .sidebar:before, .article-slider .owl-pagination:before, .brand-list__container:before, .brand-list__table .owl-pagination:before, .action-list__container:before, .footer__container:before, .footer__social:before, .copyright__container:before, .input-group:before, .card__preview:before, .card__question-change:before, .top-line__container:after, .heading__container:after, .navigation__container:after, .cat-slider .owl-pagination:after, .catalog:after, .catalog__title:after, .promo-slider .owl-pagination:after, .content__container:after, .breadcrumbs__container:after, .product-list__table:after, .sidebar:after, .article-slider .owl-pagination:after, .brand-list__container:after, .brand-list__table .owl-pagination:after, .action-list__container:after, .footer__container:after, .footer__social:after, .copyright__container:after, .input-group:after, .card__preview:after, .card__question-change:after { display: table; width: 0; height: 0; overflow: hidden; visibility: hidden; content: ""; } .cat-slider .owl-prev:before, .promo-slider .owl-prev:before, .article-slider .owl-prev:before, .brand-list__table .owl-prev:before, .cat-slider .owl-next:before, .promo-slider .owl-next:before, .article-slider .owl-next:before, .brand-list__table .owl-next:before { top: 64% !important; } .top-line__container:after, .heading__container:after, .navigation__container:after, .cat-slider .owl-pagination:after, .catalog:after, .catalog__title:after, .promo-slider .owl-pagination:after, .content__container:after, .breadcrumbs__container:after, .product-list__table:after, .sidebar:after, .article-slider .owl-pagination:after, .brand-list__container:after, .brand-list__table .owl-pagination:after, .action-list__container:after, .footer__container:after, .footer__social:after, .copyright__container:after, .input-group:after, .card__preview:after, .card__question-change:after { clear: both; } .top-line__center, .heading__center, .navigation__center, .content__center, .breadcrumbs__center, .brand-list__center, .action-list__center, .footer__center, .copyright__center { display: block; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; width: auto; } .top-line__container, .heading__container, .navigation__container, .content__container, .breadcrumbs__container, .brand-list__container, .action-list__container, .footer__container, .copyright__container { /* @extend $clearfix */ display: block; padding-left: 0; padding-right: 0; margin-left: -10px; margin-right: -10px; list-style: none; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="text"], input[type="password"], textarea { padding: 5px 6px; line-height: normal; border: 1px solid #ccc; vertical-align: middle; color: #333; } .quantity input { max-width: 55px; } .js-measurename { display: none; } table.products .input-group__btn.minus.js-minus { margin-right: 0px !important; top: 0px !important; } table.products .input-group__btn.plus.js-plus { margin-left: 0px !important; top: 0px !important; } table.prod tr td { text-align: left !important; } .js-minus { margin-right: 10px; top: 4px; } .js-plus { margin-left: 10px; top: 6px; } .js-minus, .js-plus { font-size: 30px; position: relative; } .lppadding { font-weight: 400; text-transform: uppercase; padding: 0 !important; } .js-element a { font-family: 'Roboto Condensed', sans-serif !important; font-weight: bold; text-align: center; text-transform: uppercase; text-decoration: none; } .bx_ordercart_itemtitle a { font-family: 'Roboto Condensed', sans-serif !important; font-size: 12px; text-transform: uppercase; text-decoration: none; } table.products td { font-family: 'Roboto Condensed', sans-serif !important; font-size: 12px; text-align: center; vertical-align: middle !important; } table.products td.item { width: 30%; } table.products td.price, table.products td.custom { font-weight: bold; font-size: 14px; padding: 3px !important; } .someform.orderforma .summary .body .products .img { margin-right: 0 !important; } .bx_ordercart_itemtitle a:hover { color: #c30a1f; } .js-element a:hover { color: #c30a1f; } /* by default */ textarea { width: 213px; height: 76px; } input[type="submit"], input[type="button"] { border-radius: 0em; box-shadow: inset 0 1px 3px rgba(0,0,0,0.2); background: #284f99; color: #fff; display: inline-block; padding: 0.6em 1em; vertical-align: middle; line-height: normal; font-size: 0.9em; font-weight: 400; border: 0 solid transparent; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: bold; } #order_form_content label { text-transform: uppercase; font-size: 12px; } #order_form_content .subtitle { text-transform: uppercase; } #order_form_content .choseprofile div, #order_form_content .nm, #order_form_content .data { text-transform: uppercase; margin-bottom: 10px; margin-top: 15px; font-size: 13px; font-weight: normal; } #order_form_content .data { text-transform: uppercase; margin-bottom: 0px; margin-top: 0px; font-size: 13px; font-weight: normal; padding-left: 15px; padding-top: 2px; } #order_form_content .summary .body { padding: 10px 5px; } #order_form_content .summary .body table thead, #order_form_content .summary .body table td:nth-child(3) { display: none; } input[type="checkbox"], input[type="radio"] { cursor: pointer; } #order_form_content select { border: 1px solid #ccc; padding: 5px 6px; font-size: 15px; } #order_form_content input { font-size: 15px; } #order_form_content .label.left { margin-top: 10px; margin-bottom: 10px; } #order_form_content .body table tr td { vertical-align: top; } input[type="submit"].noned { display: none; } /* global styles - area2darken (overlay on ajax request) */ .area2darken { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url('/img/area2darken.png') repeat scroll 0 0 transparent; z-index: 990; } .area2darken .animashka { position: absolute; top: 50%; left: 50%; width: 31px; height: 31px; margin: -15px 0px 0px -15px; } /* global styles - ajaxpages */ .ajaxpages { padding: 0px; text-align: center; line-height: 65px; } .ajaxpages a { line-height: 31px; text-decoration: none; display: block } /* global styles - compare checkbox */ .clearfix:after { display: block; clear: both; content: " "; font-size: 0; height: 0; visibility: hidden; } form table tr td { padding-bottom: 10px; } .req_field, .starrequired { color: red; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, form, fieldset, legend, figure, caption, hr { margin: 0; padding: 0; } abbr[title], dfn[title] { cursor: help; } label, button, a { cursor: pointer; } table, thead, tbody, tfoot, caption, tr, th, td { font-family: inherit; font-size: 13px; line-height: inherit; text-decoration: inherit; } fieldset, img, iframe { border: 0; } img, canvas, iframe, video, svg { max-width: 100%; } caption, th { } *, *:before, *:after { box-sizing: border-box; } html, body { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size-adjust: auto; } section { position: relative; z-index: 10; } /* personal menu */ .pmenu .in { border: 1px solid #F2F2F2; } .pmenu a { font-family: 'Roboto Condensed', sans-serif !important; display: block; width: 100%; padding: 10px 14px; text-decoration: none; } .pmenu a.selected, .pmenu a:hover, .pmenu a.selected:active, .pmenu a:active { text-decoration: underline; } .pmenu a:hover { color: #fff; background-color: #284f99; } .pmenu a.selected:active, .pmenu a:active { background-color: #284f99; } .pmenu .separator { width: 100%; height: 1px; background-color: #F2F2F2; } .pmenu, .pcontent { float: left; } .pmenu { width: 20%; display: none; /* ������� ���� ����� � ������� */ } .pcontent { width: 80%; padding-left: 25px; } /* end personal menu */ .cat-slider .owl-page, .promo-slider .owl-page, .article-slider .owl-page, .brand-list__table .owl-page { display: inline-block; width: 15px; height: 15px; margin-right: 7px; border-radius: 0; background-color: #e7e7e7; } .cat-slider .owl-page.active, .promo-slider .owl-page.active, .article-slider .owl-page.active, .brand-list__table .owl-page.active { background-color: #284f99; } .cat-slider .owl-item, .promo-slider .owl-item, .article-slider .owl-item, .brand-list__table .owl-item { float: left; } .cat-slider .owl-wrapper-outer, .promo-slider .owl-wrapper-outer, .article-slider .owl-wrapper-outer, .brand-list__table .owl-wrapper-outer { overflow: hidden; } .cat-slider .owl-buttons, .promo-slider .owl-buttons, .article-slider .owl-buttons, .brand-list__table .owl-buttons { position: absolute; top: 50%; width: 100%; height: 0; } .cat-slider .owl-prev, .promo-slider .owl-prev, .article-slider .owl-prev, .brand-list__table .owl-prev, .cat-slider .owl-next, .promo-slider .owl-next, .article-slider .owl-next, .brand-list__table .owl-next { display: block; height: 2em; width: 2em; border-radius: 999px; background: #284f99; font-size: 20px; line-hieght: 1em; color: transparent; box-shadow: inset 0.3em 0.3em 0.5em rgba(0,0,0,0.2); position: absolute; top: -1em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cat-slider .owl-prev:before, .promo-slider .owl-prev:before, .article-slider .owl-prev:before, .brand-list__table .owl-prev:before, .cat-slider .owl-next:before, .promo-slider .owl-next:before, .article-slider .owl-next:before, .brand-list__table .owl-next:before { position: absolute; top: 50%; left: 30%; margin-top: -0.8em; font-size: 2em; color: #89a5da; } .cat-slider .owl-prev, .promo-slider .owl-prev, .article-slider .owl-prev, .brand-list__table .owl-prev { left: -9px; } .cat-slider .owl-prev:before, .promo-slider .owl-prev:before, .article-slider .owl-prev:before, .brand-list__table .owl-prev:before { content: '\2039'; } .cat-slider .owl-next, .promo-slider .owl-next, .article-slider .owl-next, .brand-list__table .owl-next { right: -9px; } .cat-slider .owl-next:before, .promo-slider .owl-next:before, .article-slider .owl-next:before, .brand-list__table .owl-next:before { left: 35%; content: '\203A'; } .product-list__service-button, .product-preview__buy a, .product-preview__in-stock, .product-preview__custom, .product-preview__not-in-stock, .footer__subscribe input[type="submit"], .card__buy a, .card__button, .accordeon__title { display: inline-block; padding: 0.6em 1em; vertical-align: middle; line-height: normal; font-size: 1.1em; font-weight: bold; border: 0 solid transparent; background-color: transparent; text-align: center; text-decoration: none; } .heading__cart a, .heading__cart a span, .footer__round-button { display: inline-block; height: 4em; width: 4em; border-radius: 999px; border: 0 solid transparent; text-align: center; text-decoration: none; background: transparent; } .footer__subscribe input, .input-group__input, .input-group__btn { padding: 0.6em 1em; line-height: normal; font-size: 1.1em; border-radius: 0.25em; border: 1px solid #ccc; vertical-align: middle; color: #666; box-shadow: inset 0 1px 3px rgba(0,0,0,0.2); background: #fff -webkit-repeating-linear-gradient(270deg, rgba(0,0,0,0.1), transparent 25px, transparent 100%); background: #fff repeating-linear-gradient(180deg, rgba(0,0,0,0.1), transparent 25px, transparent 100%); } .product-list__title, .product-preview__title, .sidebar__title, .brand-list__title, .card__title { display: block; padding-top: 1em; padding-bottom: 1em; font-weight: bold; font-size: 1em; text-transform: uppercase; text-align: center; text-decoration: none; color: #000; } .page_title { text-align: left; color: #000; font-size: 1.6em; margin: 5px 0px 15px; } body { font-size: 20px; } .top-line { /* @extend $wrapper */ background-color: #c30a1f; } .top-line a:hover { text-decoration: underline; } .top-line__container { /* @extend $clearfix */ margin-left: 0; margin-right: 0; padding-top: 1.1em; padding-bottom: 1.1em; } .top-line__menu { display: none; list-style: none; float: left; font-size: 11px; } .top-line__menu > li { display: inline-block; } .top-line__menu > li > a { color: #fff; padding-left: 1em; padding-right: 1em; text-transform: uppercase; text-decoration: none; cursor: pointer; } .top-line__menu > li > a:first-child { padding-left: 0; } .top-line__toggle { position: relative; display: inline-block; width: 40px; height: 30.769230769230766px; vertical-align: middle; border: 6px solid #fff; border-left: 0 solid transparent; border-right: 0 solid transparent; float: left; cursor: pointer; } .top-line__toggle:before { position: absolute; left: 0; top: 50%; display: block; width: 100%; height: 6px; margin-top: -3px; content: ''; background-color: #fff; } .top-line__right-menu { float: right; padding-top: 0.428em; font-weight: 800; font-size: 0.7em; list-style: none; } .top-line__right-menu > li { display: inline-block; } .top-line__right-menu > li > a { color: #fff; padding-left: 1em; padding-right: 1em; text-transform: uppercase; text-decoration: none; cursor: pointer; font-weight: 300; text-decoration: underline; } .top-line__right-menu > li > a:last-child { padding-right: 0; } .top-line__right-menu > li > a.white { color: #fff; } .top-line__right-menu > li > a .icon { vertical-align: middle; margin-right: 4px; margin-top: -6px; margin-bottom: -2px; } .heading { /* @extend $wrapper */ padding-top: 1.1em; padding-bottom: 1.1em; } .heading__logo { display: block; min-height: 1px; padding-left: 10px; padding-right: 10px; display: block; float: left; width: 75%; } .heading__menu { display: block; min-height: 1px; padding-left: 10px; padding-right: 10px; display: none; padding-top: 1.4em; } .heading__menu a { display: inline-block; margin-right: 3ch; font-size: 0.9em; color: #000; } .heading__menu a:last-child { display: none; } .heading__address { display: block; min-height: 1px; padding-left: 10px; padding-right: 0px; display: none; padding-top: 0.9em; font-size: 13px; } .compare { display: none !important; } .heading__address p { margin-bottom: 0.5em; } .heading__service { display: table; display: block; min-height: 1px; padding-left: 10px; padding-right: 10px; display: none; padding-top: 1.25em; } .heading__service-pic { display: table-cell; width: 4.5em; vertical-align: middle; } .heading__service-pic .icon { font-size: 4.5px; } .heading__service-name { display: table-cell; vertical-align: middle; font-size: 0.8em; padding-left: 7px; padding-right: 7px; color: #000; text-decoration: none; } .heading__service-name:nth-child(2) { color: #e2001a; } .heading__service-name:hover { text-decoration: underline; } .heading__cart { display: block; min-height: 1px; padding-left: 0px !important; padding-right: 0px !important; display: block; float: left; width: 3.333333% !important; text-align: right; } .heading__cart a { /* @extend $btn--round */ position: relative; background: #e2001a; } .heading__cart a .icon { margin-bottom: -3px; font-size: 0.225em; } .heading__cart a span { /* @extend $btn--round */ position: absolute; display: block; top: 50%; left: -1em; margin-top: -1em; height: 2em; width: 2em; line-height: 2em; font-weight: 800; background: #284f99; color: #fff; } .showcase .name { text-align: left; overflow: hidden; height: 73px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 5px; } .showcase .name a { font-weight: normal !important; } .navigation { /* @extend $wrapper */ background: -webkit-linear-gradient(270deg, #dbdbdb, #f3f3f3 45px, #f3f3f3 266px, transparent 266px); background: linear-gradient(180deg, #dbdbdb, #f3f3f3 45px, #f3f3f3 266px, transparent 266px); background-repeat: repeat-x; margin-bottom: 2em; z-index: 100; } .navigation__container { /* @extend $clearfix */ margin-left: 0; margin-right: 0; } .cat-nav { position: relative; } .cat-submenu { display: none; } .cat-slider { /* @extend $owl-pages */ position: relative; } .cat-slider .owl-pagination { display: none; } .cat-slider .owl-buttons { top: 37%; } .cat-slider__item { display: block; padding-top: 1.1em; padding-bottom: 1.1em; overflow: hidden; height: 266px; text-decoration: none; text-align: center; border-bottom: 4px solid transparent; } .cat-slider__item:hover { border-bottom-color: #c30a1f; } .cat-slider__pic { display: block; overflow: hidden; width: 155px; height: 155px; margin-left: auto; margin-right: auto; margin-bottom: 1.1em; border-radius: 999px; text-decoration: none; } .cat-slider__pic img { width: 155px; } .cat-slider__pic img { vertical-align: middle; } .cat-slider__name { display: block; font-size: 0.9em; font-weight: 400; text-align: center; color: #c30a1f; } .catalog-menu-main { /* @extend $clearfix */ position: relative; z-index: 30; } .catalog__title { /* @extend $clearfix */ padding-top: 0.9em; padding-bottom: 0.9em; padding-left: 1em; padding-right: 1em; font-weight: 400; font-size: 1em; text-transform: uppercase; text-decoration: none; cursor: pointer; background-color: #c30a1f; color: #fff; font-family: 'Roboto Condensed', sans-serif !important; } .iblocklist .item .more a, .iblocklist .item .name a, .card__price, .cheaper, .product-preview__in-stock, .product-preview__not-in-stock, .product-preview__custom, .cat-submenu__name, .cat-slider__name, .sidebar__title, .product-list__title, .brand-list__title, .action-list__container, .footer__menu, .footer .catmenu.ellipsisnames .item.depth_level1 a span, .card__title, .card__question-head { font-family: 'Roboto Condensed', sans-serif !important; text-transform: uppercase; } .action-list__container { letter-spacing: 1px; } .iblocklist .info .text { font-size: 13px; } .iblocklist .item .name a { font-size: 19px; font-weight: bold; text-decoration: none; } .iblocklist .item .name { margin-bottom: 15px !important; } .catalog__toggle { position: relative; display: inline-block; width: 24px; height: 18.46153846153846px; vertical-align: middle; border: 4px solid #89a5da; border-left: 0 solid transparent; border-right: 0 solid transparent; float: right; margin-top: 0.09em; } .catalog__toggle:before { position: absolute; left: 0; top: 50%; display: block; width: 100%; height: 4px; margin-top: -2px; content: ''; background-color: #89a5da; } .catalog__menu { display: none; position: relative; list-style: none; } .card__preview .wrapper .jcarousel li { list-style-type:none !important; } .catalog__menu--nested { display: none; position: absolute; top: 0; left: 100%; width: 100%; height: 100%; background: #f6f6f6;/*border-left: 1px solid #f1f1f1;*/ } .cols2 .catalog__menu--nested { width: 200%; overflow: hidden; height: auto; min-height: 100%; } .catalog__menu--nested.is-active { display: block; } .catalog__link { display: block; position: relative; background: #f6f6f6; color: #c30a1f; font-size: 13px; line-height: 12px; padding: 13px; border-bottom: 1px solid #f1f1f1; text-decoration: none; font-weight: 400; } .catalog__link:hover { background: #c30a1f; border-bottom-color: #c30a1f; color: #fff; } .catalog__link--nested:before { position: absolute; right: 15px; top: 50%; display: block; content: '\203A'; color: #c30a1f; font-size: 25px; line-height: 25px; margin-top: -15px; } .catalog__link--nested:hover:before { color: #fff; } .search { font-size: 18px; background: #f3f3f3 -webkit-repeating-linear-gradient(270deg, rgba(0,0,0,0.1), transparent 25px, transparent 100%); background: #f3f3f3 repeating-linear-gradient(180deg, rgba(0,0,0,0.1), transparent 25px, transparent 100%); } .search .icon { float: left; margin-right: -100px; margin-left: 15px; margin-top: 19px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .search input[type="text"] { z-index: 1; position: relative; background: url(/upload/lupa1.png) no-repeat 5px 4px transparent; border: 0 solid transparent; outline: none; line-height: normal; padding: 0.9em 100px 0.9em 53px; width: 100%; color: #000; font-size: 1em; font-weight: normal; } .search input[type="submit"] { position: relative; float: right; background: transparent; border: 0; margin-left: -120px; margin-top: 0.85em; padding: 0.4em 1.1em; border-left: 2px solid #ccc; color: #666; font-weight: 800; font-size: 0.85em; text-transform: uppercase; text-decoration: none; cursor: pointer; z-index: 2; } .promo-slider { /* @extend $owl-pages */ position: relative; clear: both; } .promo-slider .owl-pagination { padding-left: 1.5em; padding-right: 1.5em; position: absolute; bottom: 1em; } .promo-slider .owl-buttons { display: none; } .promo-slider__item { display: block; position: relative; overflow: hidden; width: 100%; padding-top: 21.625%; } .promo-slider__item img { position: absolute; left: 0; top: 0; height: auto; } .content { /* @extend $wrapper */ z-index: 20; } .content__container { margin-left: 0; margin-right: 0; margin-bottom: 4em; } .breadcrumbs { /* @extend $wrapper */ margin-top: -0.7em; } .breadcrumbs__container { margin-left: 0; margin-right: 0; /*padding-bottom: 1.5em;*/ color: #777; font-size: 0.8em; } .product-list__types { display: none; } .product-list__type { padding-left: 0.3em; padding-right: 0.3em; font-size: 12px; } .product-list__type:hover { text-decoration: underline; } .product-list__title { /* @extend $title-center */ font-size: 20px; color: #000; } .ajaxpages { display: block; padding-top: 0.5em; padding-bottom: 0.5em; font-weight: bold; font-size: 0.9em; text-transform: uppercase; text-align: center; text-decoration: none; color: #000; background: #f3f3f3; width: 99.7%; position: relative; margin-left: -1px; margin-top: 1.5em; } .ajaxpages .icon { margin-top: -2px; font-size: 0.1em; } .ajaxpages span { font-size: 14px; padding-left: 10px; } .product-list__table { /* @extend $clearfix */ padding-left: 1px; padding-top: 1px; margin-bottom: 1.5em; } .product-list__item { position: relative; margin-left: -1px; margin-top: -1px; border: 1px solid #e7e7e7; z-index: 100; } .product-list__item:hover { z-index: 102; } .product-preview { position: relative; padding: 1.6em 1.6em; color: #000; } .product-preview__params { font-size: 12px; color: #000; padding-top: 1.5em; padding-bottom: 1.5em; } .product-preview__more { font-size: 12px; padding-bottom: 15px; } .product-preview__table { display: table; padding-top: 0.6em; padding-bottom: 0.6em; width: 100%; font-size: 12px; } .product-preview__cell { display: table-cell; width: 50%; line-height: 1.1em; vertical-align: middle; } .product-preview__cell:first-child { width: 40%; } .product-preview__cell:last-child { width: 60%; } .product-preview__group .input-group__btn { width: 24px; text-align: center; } .product-preview__group .input-group__input { width: 34px; } .product-preview__group *:first-child { border-right-color: #666; } .product-preview__group *:last-child { border-left-color: #666; } .product-preview__in-on-click { color: #e2001a; font-size: 1em; } .product-preview__hover { display: none; padding-top: 1.5em; } .product-preview__title { /* @extend $title-center */ padding-top: 0; font-weight: normal; text-decoration: underline; text-transform: none; } .product-preview__pic { display: block; margin-left: auto; margin-right: auto; margin-bottom: 0; position: relative; text-align: center; text-decoration: none; } .showcase .product-preview__pic { height: 198px; } .gallery .pic img { height: 50px; } .product-preview__pic img { max-height: 208px; vertical-align: middle; } .product-preview__price-table { margin-bottom: 0.5em; font-family: 'Roboto Condensed', sans-serif !important; } .product-preview__price-table > div { display: table; width: 100%; } .product-preview__price-table > div.show, .product-preview__price-table > div.show:last-child { visibility: visible; } .product-preview__price-table > div:last-child { visibility: hidden; color: #999; text-decoration: line-through; } .product-preview__price { display: table-cell; text-align: center; font-size: 12px; } .product-preview__price:first-child { font-weight: bold; font-size: 18px; } .product-preview__buy { text-align: center; } .product-preview__buy a { /* @extend $btn */ background-color: #e2001a; color: #fff; font-weight: 400; } .product-preview__buy a .icon { font-size: 0.15em; margin-top: -5.5em; margin-bottom: -3.5em; margin-left: -2em; } .product-preview__buy a.is-disabled { background-color: #999; } .product-preview__in-stock, .product-preview__not-in-stock, .product-preview__custom { /* @extend $btn */ display: block; font-weight: normal; padding-right: 0; } .product-preview__in-stock { color: #1f7e10; } .product-preview__custom { color: #2d3e99; } .product-preview__in-stock:before { content: '\25cf '; } .product-preview__not-in-stock { color: #999; } .label_yest { color: #1f7e10; } .label_chasnoe { color: #2d3e99; } .sidebar__block { display: block; } .sidebar__title { /* @extend $title-center */ clear: both; font-size: 20px; } .sidebar__content { margin-bottom: 1.5em; text-align: center; } .sidebar__video { display: none; padding: 1.25em; margin-top: 8.65em; width: 100%; border-radius: 4px; border: 1px solid #e7e7e7; text-decoration: none; } .sidebar__video-pic { display: table-cell; width: 81px; text-align: right; vertical-align: middle; } .sidebar__video-name { display: table-cell; vertical-align: middle; font-size: 14px; font-weight: 800; padding-left: 35px; color: #000; } .article-slider .owl-pagination { padding-top: 0.5em; padding-bottom: 0.5em; } .article-slider .owl-buttons { display: none; } .article-slider__item { display: block; } .article-preview__title { font-size: 1em; font-weight: 400; margin-bottom: 1em; } .article-preview__text { font-size: 1em; margin-bottom: 1.5em; font-weight: normal; } .article-preview__text p { font-family: 'Roboto', sans-serif; font-size: 12px; line-height: 17px; } .article-preview__title a { font-family: 'Roboto Condensed', sans-serif !important; text-decoration: none; color: #c30a1f; } .article-preview__more { display: block; margin-bottom: 0.5em; } .article-preview__more a { color: #c30a1f; font-family: 'Roboto Condensed', sans-serif !important; } .article-preview__more a:hover { text-decoration: none; } .brand-list { /* @extend $wrapper */ margin-bottom: 1.5em; } .brand-list__container { margin-left: 0; margin-right: 0; } .brand-list__title { /* @extend $title-center */ font-size: 20px; border-bottom: 1px solid #e7e7e7; } .brand-list__table { /* @extend $owl-pages */ display: table; width: 100%; font-size: 36px; } .brand-list__table .owl-controls { display: none !important; } .brand-list__table .owl-item { display: table; } .brand-list__item { display: table-cell; width: 100%; padding-top: 0.8em; padding-bottom: 0.8em; vertical-align: middle; text-align: center; } .action-list { /* @extend $wrapper */ color: #fff; background: #c30a1f; } .action-list__container { padding-top: 1.5em; padding-bottom: 1.5em; margin-left: 0; margin-right: 0; } .action-list__item { display: block; text-decoration: none; padding-top: 1.5em; padding-bottom: 1.5em; } .action-list__item:hover .action-list__name { text-decoration: none; color: #fff !important; } .action-list__content { display: table; width: 350px; margin-left: auto; margin-right: auto; } .action-list__pic { display: table-cell; width: 4.5em; vertical-align: middle; } .action-list__icon-wrapper { display: block; border-radius: 999px; width: 4.5em; height: 4.5em; line-height: 4.5em; text-align: center; box-shadow: inset 0.3em 0.3em 1em rgba(0,0,0,0.2); } .action-list__icon-wrapper .icon { vertical-align: middle; font-size: 0.21em; } .action-list__name { display: table-cell; vertical-align: middle; text-transform: uppercase; font-weight: 800; font-size: 1.1em; padding-left: 33px; color: #fff; } .action-list__name:hover { color: #89a5da; } .footer { /* @extend $wrapper */ margin-top: 1em; text-align: center; background: #f3f3f3 -webkit-repeating-linear-gradient(270deg, rgba(0,0,0,0.1), transparent 45px, transparent 100%); background: #f3f3f3 repeating-linear-gradient(180deg, rgba(0,0,0,0.1), transparent 45px, transparent 100%); } .footer a:hover { text-decoration: underline; } .footer__info { position: relative; } .footer__container { padding-top: 1.5em; padding-bottom: 1.5em; margin-left: 0; margin-right: 0; } .footer__menu { padding-top: 2.5em; padding-bottom: 2.5em; list-style: none; } .footer__menu > li > a, .footer__subtitle { font-size: 1.1em; font-weight: 400; color: #c30a1f; margin-bottom: 0.3em; line-height: 1.7em; text-decoration: none; } .footer__address { color: #666; } .footer__cat-list { padding-top: 1em; display: block; min-height: 1px; padding-left: 10px; padding-right: 10px; display: none; } .footer__cat { display: block; min-height: 1px; padding-left: 10px; padding-right: 10px; display: none; text-align: left; height: 150px; } .footer__cat-link { margin-bottom: 0.3em; display: block; color: #777; text-decoration: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .footer__social { /* @extend $clearfix */ padding-top: 1.5em; padding-bottom: 1.5em; } .footer__subscribe input[type="submit"] { /* @extend $btn */ color: #fff; background: #284f99; float: left; font-size: 11px; padding-left: 4px; padding-right: 4px; padding-top: 9px; padding-bottom: 9px; } .footer__subscribe input { /* @extend $input */ margin: 0.2em; float: left; } .copyright { /* @extend $wrapper */ border-top: 1px solid #e7e7e7; border-bottom: 10px solid #c30a1f; background: #c30a1f; font-size: 12px; color: #fff; } .copyright__container { padding-top: 1.5em; padding-bottom: 1.5em; margin-left: 0; margin-right: 0; } .off-canvas { overflow: hidden; } .off-canvas.is-active .off-canvas__wrapper { -webkit-transform: translate(400px, 0); -ms-transform: translate(400px, 0); transform: translate(400px, 0); } .off-canvas.is-active .off-canvas__close { display: block; } .off-canvas__wrapper { position: relative; left: 0; z-index: 1; -webkit-transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; } .off-canvas__sidebar { position: absolute; top: 0; bottom: 0; left: -400px; width: 400px; background: #e4e9f4; box-shadow: inset 0 1px 6px rgba(0,0,0,0.5); z-index: 1000; } .off-canvas__close { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 100%; width: 100%; z-index: 1000; background: rgba(0,0,0,0.2); } .logo--footer { display: inline-block; background-image: url(/images/logo_JS.png); background-repeat: no-repeat; background-position: center center; width: 10em; height: 2.245989304812834em; background-size: contain; } .logo--header { display: inline-block; background-image: url(/images/logo_JS.png); background-repeat: no-repeat; background-position: center center; width: 255px; height: 66px; background-size: contain; } .icon--exit { display: inline-block; background-image: url("/img/icons/exit.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 9.411764705882353em; background-size: contain; font-size: 1.7px; vertical-align: middle; } .icon--cart { display: inline-block; background-image: url("/img/icons/cart.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 16.444444444444445em; background-size: contain; font-size: 4.5px; vertical-align: middle; } .ajaxpages i.animashka { display: inline-block; background-image: url("/img/icons/refresh.png"); background-repeat: no-repeat; background-position: center center; width: 8em; height: 8.952381em; background-size: contain; font-size: 2.1px; vertical-align: middle; } .icon--search { display: inline-block; background-image: url("/img/icons/search.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 10em; background-size: contain; font-size: 2.1px; vertical-align: middle; } .icon--marker { display: inline-block; background-image: url("/img/icons/marker.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 11.538461538461538em; background-size: contain; font-size: 1.3px; vertical-align: middle; } .icon--phone { display: inline-block; background-image: url("/img/icons/phone.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 11.538461538461538em; background-size: contain; font-size: 1.3px; vertical-align: middle; } .icon--video { display: inline-block; background-image: url("/img/icons/video.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 10em; background-size: contain; font-size: 7.1px; vertical-align: middle; } .icon--soc-fb { display: inline-block; background-image: url("/img/icons/soc-fb.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 10.123456790123457em; background-size: contain; font-size: 8.1px; vertical-align: middle; } .icon--soc-you { display: inline-block; background-image: url("/img/icons/soc-you.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 10em; background-size: contain; font-size: 8.2px; vertical-align: middle; } .icon--soc-gp { display: inline-block; background-image: url("/img/icons/soc-gp.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 9.759036144578312em; background-size: contain; font-size: 8.3px; vertical-align: middle; } .icon--action-message { display: inline-block; background-image: url("/img/icons/action-message.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 7.619047619047619em; background-size: contain; font-size: 4.2px; vertical-align: middle; } .icon--action-dryer { display: inline-block; background-image: url("/img/icons/action-dryer.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 9.791666666666668em; background-size: contain; font-size: 4.8px; vertical-align: middle; } .icon--action-download { display: inline-block; background-image: url("/img/icons/action-download.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 11.666666666666668em; background-size: contain; font-size: 4.2px; vertical-align: middle; } .icon--action-conditioner { display: inline-block; background-image: url("/img/icons/action-conditioner.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 7.735849056603773em; background-size: contain; font-size: 5.3px; vertical-align: middle; } .icon--hd-tool { display: inline-block; background-image: url("/img/icons/hd-tool.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 9.827586206896552em; background-size: contain; font-size: 5.8px; vertical-align: middle; } .icon--hd-master { display: inline-block; background-image: url("/img/icons/hd-master.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 10em; background-size: contain; font-size: 5.7px; vertical-align: middle; } .icon--card-comment { display: inline-block; background-image: url("/img/icons/card-comment.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 9em; background-size: contain; font-size: 7px; vertical-align: middle; } .icon--card-heart { display: inline-block; background-image: url("/img/icons/card-heart.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 9.444444444444445em; background-size: contain; font-size: 1.8px; vertical-align: middle; } .icon--card-opt--in-cog { display: inline-block; background-image: url("/img/icons/card-opt--in-cog.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 10em; background-size: contain; font-size: 3.8px; vertical-align: middle; } .icon--card-opt { display: inline-block; background-image: url("/img/icons/card-opt.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 9.677419354838708em; background-size: contain; font-size: 3.1px; vertical-align: middle; } .icon--card-percent--light { display: inline-block; background-image: url("/img/icons/card-percent--light.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 10em; background-size: contain; font-size: 3.3px; vertical-align: middle; } .icon--card-percent { display: inline-block; background-image: url("/img/icons/card-percent.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 10.294117647058824em; background-size: contain; font-size: 3.4px; vertical-align: middle; } .icon--card-planet { display: inline-block; background-image: url("/img/icons/card-planet.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 11.764705882352942em; background-size: contain; font-size: 3.4px; vertical-align: middle; } .icon--card-cheaper { display: inline-block; background-image: url("/upload/questicons/2.svg"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 11.764705882352942em; background-size: contain; font-size: 3.8px; vertical-align: middle; } .icon--card-services { display: inline-block; background-image: url("/upload/questicons/1.svg"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 11.764705882352942em; background-size: contain; font-size: 3.8px; vertical-align: middle; } .icon--card-proj { display: inline-block; background-image: url("/upload/questicons/4.svg"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 11.764705882352942em; background-size: contain; font-size: 3.8px; vertical-align: middle; } .icon--card-calc { display: inline-block; background-image: url("/upload/questicons/3.svg"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 11.764705882352942em; background-size: contain; font-size: 3.8px; vertical-align: middle; } .icon--card-refresh { display: inline-block; background-image: url("/img/icons/card-refresh.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 10.392156862745098em; background-size: contain; font-size: 5.1px; vertical-align: middle; } .icon--card-scales { display: inline-block; background-image: url("/img/icons/card-scales.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 15.5em; background-size: contain; font-size: 2px;/*vertical-align: top;*/ } .icon--type-gall { display: inline-block; background-image: url("/img/icons/type-gall.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 10em; background-size: contain; font-size: 0.7px; vertical-align: middle; } .icon--type-bool { display: inline-block; background-image: url("/img/icons/type-bool.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 10em; background-size: contain; font-size: 0.7px; vertical-align: middle; } .icon--type-list { display: inline-block; background-image: url("/img/icons/type-list.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 10em; background-size: contain; font-size: 0.7px; vertical-align: middle; } .off-canvas-menu-wrapper { display: none; } .off-canvas-menu-wrapper.is-active { display: block; } .off-canvas-service { font-size: 20px; display: table; padding-top: 1.25em; margin-left: 15px; margin-right: 15px; } .off-canvas-service__pic { display: table-cell; width: 3em; vertical-align: middle; } .off-canvas-service__pic .icon { font-size: 5.7px; } .off-canvas-service__name { display: table-cell; vertical-align: middle; font-size: 1em; padding-left: 7px; padding-right: 7px; color: #284f99; } .off-canvas-service__name:first-of-type { color: #e2001a; } .off-canvas-menu { font-size: 20px; margin-top: 1.25em; } .off-canvas-menu__title, .off-canvas-menu__item { display: block; color: #284f99; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 0.8em; padding-right: 0.8em; font-weight: 800; font-size: 16px; text-transform: uppercase; text-align: left; text-decoration: none; color: #284f99; border-top: 1px solid #89a5da; margin-top: -1px; border-bottom: 1px solid #89a5da; } .off-canvas-menu__title:hover, .off-canvas-menu__item:hover { color: #fff; background: #284f99; } .off-canvas-menu__title--nested:hover:after, .off-canvas-menu__item--nested:hover:after { display: inline-block; width: 26px; height: 26px; background-image: url("/img/icons/ch-white.png"); background-repeat: no-repeat; background-position: center center; } .off-canvas-menu__title--nested:after, .off-canvas-menu__item--nested:after { display: inline-block; width: 26px; height: 26px; background-image: url("/img/icons/ch-blue.png"); background-repeat: no-repeat; background-position: center center; content: ''; float: right; } .off-canvas-menu__title { color: #fff; background: #284f99; } .off-canvas-menu__title:before { content: '\2039 \00A0'; } input { vertical-align: middle; } .input-group { /* @extend $clearfix */ display: inline-block; vertical-align: middle; } .input-group__input, .input-group__btn { /* @extend $input */ font-weight: bold; padding: 0.24em 0.5em; float: left; margin-left: -1px; box-shadow: 0 1px 3px rgba(0,0,0,0.2); } .input-group__input:not(:first-child):not(:last-child), .input-group__btn:not(:first-child):not(:last-child) { border-radius: 0; } .input-group__input:first-child, .input-group__btn:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group__input:last-child, .input-group__btn:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group__input { position: relative; z-index: 1; padding: 0.2em 0.3em; text-align: center; } .input-group__btn { position: relative; z-index: 2; background: #fff -webkit-repeating-linear-gradient(90deg, rgba(0,0,0,0.07), transparent 50%, transparent 100%); background: #fff repeating-linear-gradient(0deg, rgba(0,0,0,0.07), transparent 50%, transparent 100%); } a { color: #284f99; } .badge { position: absolute; top: 10px; left: 10px; } .badge--sale { display: inline-block; width: 66px; height: 36px; background-image: url("/img/icons/badge-sale.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 5.454545454545455em; background-size: contain; font-size: 6.6px; vertical-align: middle; } .badge--new { display: inline-block; width: 116px; height: 38px; background-image: url("/img/icons/badge-new.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 3.275862068965517em; background-size: contain; font-size: 11.6px; vertical-align: middle; } .badge--pres { display: inline-block; width: 116px; height: 38px; background-image: url("/img/icons/badge-pres.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 3.275862068965517em; background-size: contain; font-size: 11.6px; vertical-align: middle; } .badge--super-price { display: inline-block; width: 116px; height: 38px; background-image: url("/img/icons/badge-super-price.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 3.275862068965517em; background-size: contain; font-size: 11.6px; vertical-align: middle; } .badge--hit { display: inline-block; width: 125px; height: 37px; background-image: url("/img/icons/badge-hit.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 2.96em; background-size: contain; font-size: 12.5px; vertical-align: middle; } .badge--call { display: inline-block; width: 101px; height: 80px; background-image: url("/img/icons/badge-call.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 7.920792079207921em; background-size: contain; font-size: 10.1px; vertical-align: middle; } .card { position: relative; } .card__preview { /* @extend $clearfix */ padding-top: 1em; padding-bottom: 1em; position: relative; } .card__preview a { display: block; position: relative; text-align: center; min-height: 95px; padding: 1em; overflow: hidden; border: 1px solid #eee; } .card__preview a:not(:first-child) { float: left; width: 33.3%; min-height: 118px; display: block; line-height: 79px; } .card__preview a:not(:first-child) img { /*max-width: 63px;*/ vertical-align: middle; min-height: 25px; } .card__preview a.main_photo:after { position: absolute; bottom: 10px; right: 10px; content: ''; border: 1px solid #e7e7e7; background-size: 16px; display: inline-block; width: 21px; height: 21px; background-image: url("/img/icons/search.png"); background-repeat: no-repeat; background-position: center center; width: 40px; height: 40px; z-index: 9999; } .card__preview a img { vertical-align: middle; } .card__question { padding-top: 1.5em; padding-bottom: 1.5em; } .card__question-head { padding: 1.05em 0; margin-bottom: 0.3em; display: block; text-align: left !important; font-size: 18px; color: #284f99; font-weight: 800; text-transform: uppercase; text-decoration: none; background: #f3f3f3 -webkit-repeating-linear-gradient(270deg, rgba(0,0,0,0.1), transparent 25px, transparent 100%); background: #f3f3f3 repeating-linear-gradient(180deg, rgba(0,0,0,0.1), transparent 25px, transparent 100%); box-shadow: inset 0.2em 0.2em 0.8em rgba(0,0,0,0.2); } .card__question-head:before { display: inline-block; width: 70px; height: 63px; background-image: url("/img/icons/card-comment.png"); background-repeat: no-repeat; background-position: center center; width: 10em; height: 9em; background-size: contain; font-size: 0.38889em; content: ''; vertical-align: middle; margin-top: -3.2em; margin-bottom: -3em; margin-right: 2em; } .card__question-tabs { padding: 1.4em 0 1.2em 0.5em; display: table; width: 100%; background: #edf1f8; } .card__question-tab { display: table-cell; vertical-align: top; } .card__question-tab:hover { text-decoration: none; } .card__question-pic { display: table-cell; width: 50px; text-align: center; vertical-align: top; } .card__question-name { display: table-cell; vertical-align: top; font-size: 13px; text-align: left; font-weight: bold; padding-left: 7px; color: #284f99; } .card__question-name:first-of-type { color: #e2001a; } .card__question-change { /* @extend $clearfix */ padding: 1em 0 1em 1em; background: #dfe6f2; border-top: 1px solid #d9dbe1; font-size: 1.1em; font-weight: 800; color: #284f99; } .card__question-change a { font-size: 0.9em; font-weight: normal; display: block; text-align: left !important; } .card__question-change .icon { float: left; margin-right: 5em; margin-top: 0.5em; margin-bottom: -2em; } .card__border-box { padding: 1.2em; margin-top: 1.2em; border: 1px solid #e7e7e7; line-height: 1.5em; } .card__border-box.card__border-box--share { padding-top: 0.6em; } .card__code { display: inline-block; font-weight: 800; color: #999; padding-right: 0.4em; } .card__offer-price, .cheaper { font-weight: 800; display: block; } .card__params { font-size: 12px; color: #000; padding-top: 1.5em; padding-bottom: 1.5em; } .card__more { font-size: 12px; } .card__btns { position: relative; } .card__table { display: table; padding-top: 0.6em; padding-bottom: 0.6em; width: 100%; color: #284f99; } .card__table--buy { margin-top: 0; } .card__table--fav { margin-bottom: 1.5em; } .card__cell { display: table-cell; width: 50%; line-height: 1.1em; vertical-align: middle; } .card__cell--compare, .card__cell--fav { text-align: center; } .card__cell--count { width: 30%; } .card__cell--compare { width: 70%; } .card__group { font-size: 20px; } .card__group .input-group__input, .card__group .input-group__btn { border-radius: 3px; padding: 0.5em 0.8em; } .card__group .input-group__input { width: 6ch; } .card__in-on-click { color: #e2001a; } .card__hover { display: none; padding-top: 1.5em; } .card__share-button { display: inline-block; padding-left: 0.2em; padding-right: 0.2em; } .card__title { /* @extend $title-center */ padding-top: 0; font-weight: normal; text-decoration: none; text-align: left; font-size: 1.65em; font-weight: 800; } .card__print { position: absolute; top: 0px; right: 10px; content: ''; border: 1px solid #e7e7e7; background-size: 16px; display: inline-block; width: 17px; height: 17px; background-image: url("/img/icons/print.png"); background-repeat: no-repeat; background-position: center center; width: 40px; height: 40px; z-index: 99999; } .card__pic { display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.1em; text-align: center; text-decoration: none; } .card__pic img { max-height: 300px; vertical-align: middle; } .card__price-table { margin-bottom: 1.3em; } .card__price-table > div { display: table; width: 100%; margin-bottom: 0.9em; text-transform: uppercase; } .card__price-table > div.show, .card__price-table > div.show:last-child { visibility: visible; } .card__price-table > div:last-child { visibility: hidden; color: #999; //text-decoration: line-through; } .card__price-table > div:first-child { font-weight: 800; color: #284f99; } .card__price-table > div:first-child .card__price:first-child { color: #fff; display: inline-block; width: 214px; height: 59px; background-image: url("/img/card-price.png"); background-repeat: no-repeat; background-position: center center; width: 9.72em; height: 2.679813084112149em; background-size: contain; display: table-cell; } .card__price { display: table-cell; text-align: center; vertical-align: middle; font-size: 1.1em; font-weight: 400; padding-bottom: 0.3em; } .card__price:first-child { font-weight: 400; width: 9.72em; } .card__buy { text-align: center; } .card__buy a { /* @extend $btn */ background-color: #e2001a; color: #fff; display: block; font-size: 21px; } .card__buy a:hover { opacity: 0.8; } .card__buy a .icon { font-size: 0.15em; margin-top: -5.5em; margin-bottom: -3.5em; margin-left: -2em; } .card__buy a.is-disabled { background-color: #999; } .card__button { /* @extend $btn */ text-transform: uppercase; display: block; font-size: 17px; padding-top: 0.8em; padding-bottom: 0.8em; text-align: left; margin-top: 0.8em; } .card__button:hover { opacity: 0.8; } .card__button .icon { margin-top: -2em; margin-bottom: -1em; } .card__button--setup { background: #284f99; color: #fff; } .card__button--one-click { display: inline-block; color: #fff; float: left; background: #09a21b; } .card__button--credit { background: #edf0f5; display: block; color: #4b5f88; margin-left: 195px; } .card__in-stock, .card__not-in-stock { display: inline-block; padding-left: 0.4em; padding-right: 0.4em; font-weight: normal; } .card .card__border-box .product-preview__in-stock { display: inline-block; padding-left: 0.4em; padding-right: 0.4em; padding-top: 0; padding-bottom: 0; font-weight: normal; font-size: 14px; } .card__in-stock { color: #1f7e10; } .card__in-stock:before { content: '\25cf '; } .card__not-in-stock { color: #999; } .card__description { padding-top: 2.6em; padding-bottom: 2.6em; clear: both; font-family: 'Helvetica Neue', 'Helvetica'; } .accordeon { border: 2px solid #e8e8e8; border-radius: 0.5em; overflow: hidden; } .accordeon__block { display: block; } .accordeon__block.is-active .accordeon__description { display: block; } .accordeon__title { /* @extend $btn */ text-align: left; font-size: 1.1em; padding-top: 0.9em; padding-bottom: 0.9em; margin-top: -2px; margin-bottom: -2px; display: block; text-transform: uppercase; color: #284f99; border-top: 2px solid #e8e8e8; border-bottom: 2px solid #e8e8e8; cursor: pointer; } .accordeon__title.is-active { background-color: #284f99; color: #fff; } .accordeon__title.is-active:after { display: inline-block; width: 23px; height: 15px; background-image: url("/img/icons/chevron-top.png"); background-repeat: no-repeat; background-position: center center; } .accordeon__title:after { display: inline-block; width: 23px; height: 15px; background-image: url("/img/icons/chevron-bottom.png"); background-repeat: no-repeat; background-position: center center; float: right; margin-top: 0.2em; margin-bottom: -0.4em; content: ''; } .accordeon__description { display: none; padding: 1em 2em; color: #000; } .accordeon__description p, .accordeon__description h1, .accordeon__description h2, .accordeon__description h3, .accordeon__description h4, .accordeon__description h5, .accordeon__description h6 { margin-bottom: 1em; } /////////////////////////////////////////// .order_form_content{width: 600px;float: left;} .pcontent{width: 100%;} .someform.orderforma{max-width:100% !important;} .section summary{width: 600px; float: right;} ////////////////////////////////////////// @media only screen and (min-width: 45em) { .top-line__center, .heading__center, .navigation__center, .content__center, .breadcrumbs__center, .brand-list__center, .action-list__center, .footer__center, .copyright__center { width: 720px; } .heading__logo { display: block; float: left; width: 45.83333%; } .heading__menu { display: block; float: left; width: 37.5%; } .heading__address { display: none; } .heading__service { display: none; } .heading__cart { display: block; float: left; width: 16.66666%; } .footer__cat-list { display: none; } .footer__cat { display: none; } } @media only screen and (min-width: 62em) { .catalog__title:before { display: block !important; } .top-line__center, .heading__center, .navigation__center, .content__center, .breadcrumbs__center, .brand-list__center, .action-list__center, .footer__center, .copyright__center { width: 1255px; } .heading__logo { display: block; float: left; width: 24.66666%; } .phones { width: 22.33333%!important; } .heading__menu { display: block; float: left; width: 8.33333%; } .heading__address { display: block; float: left; width: 26.83333%; } .heading__service { display: block; float: left; width: 20.83333%; } .heading__cart { margin-top: 14px; font-size: 14px; } .footer__cat-list { display: block; float: left; width: 58.33333%; } .footer__cat { display: block; float: left; width: 33.33333%; } } @media (min-width: 62em) { body { min-width: 1255px; font-size: 16px; } .top-line__menu { display: block; } .top-line__toggle { display: none; } .top-line__right-menu { padding-top: 0; } .catalog__toggle { display: none; } .heading__menu { padding-top: 1.2em; } .heading__menu a { font-size: 0.8em; } .heading__cart { margin-top: 14px; font-size: 14px; } .cat-submenu.is-active { position: absolute; z-index: 100; left: 0; top: 100%; width: 100%; display: block; padding: 14px 30px; background: #284f99; } .cat-submenu.is-active .cat-submenu__item { display: table; width: 25%; float: left; text-decoration: none; margin-top: 0.6em; margin-bottom: 0.6em; position: relative; } .cat-submenu.is-active .cat-submenu__item:hover { font-weight: 800; } .cat-submenu.is-active .cat-submenu__item:hover .cat-submenu__pic { box-shadow: 0 2px 25px rgba(0,0,0,0.6); } .cat-submenu.is-active .cat-submenu__pic { display: table-cell; overflow: hidden; width: 84px; height: 87px; margin-left: auto; margin-right: auto; border-radius: 999px; text-decoration: none; vertical-align: middle; } .cat-submenu.is-active .cat-submenu__pic img { vertical-align: middle; max-width: 84px; max-height: 84px; } .cat-submenu.is-active .cat-submenu__name { display: table-cell; text-align: left; padding-left: 1.3em; padding-right: 1.3em; vertical-align: middle; font-size: 13px; color: #fff; } .cat-slider__item { height: 245px; } .cat-slider__name { font-size: 13px; line-height: 16px; text-transform: uppercase; } .catalog-menu-main { width: 21.79%; } .catalog__title { font-size: 16px; } .catalog__menu:not(.catalog__menu--nested) { display: block; } .search { font-size: 16px; width: 78.21%; } .promo-slider { width: 78.15%; float: left; clear: none; } .promo-slider__item { height: 25em; } .promo-slider__item img { height: 100%!important; animation: showDiv 1s forwards; } .product-list__types { display: block; float: right; margin-top: 30px; } @keyframes showDiv { 0%, 99% { height: 0px; } 100% { height: 100%!important; } } .product-list { float: right; width: 80%; padding-left: 20px; } .product-list--full { width: 100%; padding-left: 0;/*padding-bottom: 150px;*/ } .product-list__table--5 .product-list__item { width: 20%; } .product-list__service-button { display: block; background: #c30a1f; color: #fff; font-size: 13px; font-weight: normal; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; } .js-element table.prod a { font-weight: normal !important; text-align: left !important; } .name a { text-align: left !important; font-weight: normal !important; } .product-list__item { display: block; float: left; width: 25%; height: 370px; } .product-preview { padding: 1em; padding-bottom: 3em; height: 370px; font-size: 14px; } .product-list__item:hover .product-preview { position: absolute; top: 0; left: 0; width: 100%; box-shadow: 0 0 36px rgba(0,0,0,0.2); z-index: 100; height: auto; padding-bottom: 1em; background-color: #fff; } .product-list__item:hover .product-preview__hover { display: block; } .product-preview__buy { font-size: 12px; } .sidebar { float: left; width: 20%; } .sidebar__content { font-size: 14px; } .sidebar__video { display: table; } .brand-list__item { padding-top: 1.2em; padding-bottom: 1.2em; } .action-list__item { float: left; width: 25%; } .action-list__content { width: auto; } .footer { font-size: 12px; } .footer__info { width: 25%; padding-left: 10px; padding-right: 10px; float: left; margin-right: 16.66666%; text-align: left; } .footer__logo .logo { font-size: 28px; } .footer__menu { padding-left: 15px; width: 210px; font-size: 12px; } .footer__address { margin-left: 50px; line-height: 1.5em; } .footer__address p { margin-bottom: 1.3em; } .footer__social { position: absolute; top: 70px; } .footer__round-button { display: block; width: auto; height: auto; margin-bottom: 1em; } .footer__round-button .icon { font-size: 2.5px; } .footer__subscribe { width: auto; } .footer__subscribe button, .footer__subscribe input { font-size: 12px; } .card { font-size: 14px; } .card__preview { float: left; width: 30%; } .card__question { float: right; width: 20%; margin-top: 0; padding-top: 0; } .card__question-head { font-size: 11px; } .card__question-head:before { font-size: 0.4em; } .card__question-tab { padding-top: 0.5em; padding-bottom: 0.5em; } .card__controls { font-family: 'Roboto Condensed', sans-serif !important; float: left; width: 47%; margin-left: 2%; } .card__border-box--share { margin-top: 2.5em; } .card__table--fav { font-size: 12px; margin-bottom: 0; } .card__group { font-size: 14px; } .card__title { float: right; width: 68%; padding-top: 14px; } .card__price-table > div:first-child { font-size: 20px; } .card__price:first-child { width: 213px; } .card__buy a { text-transform: uppercase; font-size: 14px; padding-top: 0.7em; padding-bottom: 0.7em; } .card__buy { font-size: 12px; } .card__button--setup { padding-top: 0.73em; padding-bottom: 0.73em; font-size: 14px; margin-top: 8px; } .card__button--setup .icon { font-size: 2.3px; } .card__button--one-click { padding-top: 0.73em; padding-bottom: 0.73em; font-size: 14px; top: 50px; } .card__button--credit { font-size: 14px; top: 50px; } .card__button--credit .icon { font-size: 2.3px; } .accordeon { border: 0; overflow: visible; position: relative; padding-top: 32px; } .accordeon__title.is-active:after { display: none; } .accordeon__title:after { display: none; } .accordeon__title { font-family: 'Roboto Condensed', sans-serif !important; font-size: 13px; display: inline-block; padding-left: 10px; padding-right: 10px; padding-top: 0.7em; padding-bottom: 0.7em; font-weight: normal; border: 1px solid #e7e7e7; border-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; text-transform: none; position: absolute; top: 0; width: 217px; text-align: center; } .accordeon__title.is-active { background: #284f99 -webkit-repeating-linear-gradient(270deg, rgba(0,0,0,0.1), transparent 25px, transparent 100%); background: #284f99 repeating-linear-gradient(180deg, rgba(0,0,0,0.1), transparent 25px, transparent 100%); } .accordeon__block:nth-child(2) .accordeon__title { left: 215px; } .accordeon__block:nth-child(3) .accordeon__title { left: 430px; } .accordeon__block:nth-child(4) .accordeon__title { left: 645px; } .accordeon__block:nth-child(5) .accordeon__title { left: 860px; } .accordeon__description { border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; padding-top: 2em; padding-bottom: 2em; } } @media (min-width: 62px) { .search .icon { margin-top: 16px; } } @media (min-width: 320px) and (max-width: 62em) { .footer__round-button:nth-child(2) { margin-left: 60px; margin-right: 60px; } } @media (min-width: 720px) { .product-list__title, .product-preview__title, .sidebar__title, .brand-list__title, .card__title { text-align: left; } .card__title { min-width: 720px; } .product-list .product-list__title { float: left; } .catalog-menu-main { float: left; } .search { float: left; } .product-preview__in-stock, .product-preview__not-in-stock, .product-preview__custom { display: inline-block; } .sidebar__content { text-align: left; } .action-list__name { font-size: 0.9em; } .footer__menu { position: absolute; left: 100%; top: 0; padding-top: 1em; padding-bottom: 0; } .footer__address { font-size: 1.2em; padding-top: 1.3em; } .card__question-tab { display: block; margin-bottom: 0.5em; } .card__question-name { vertical-align: middle; } .card__question-change { font-size: 0.9em; } .card__question-change .icon { font-size: 0.2em; } .card__offer-price, .cheaper { display: inline-block; float: right; } .card__table--buy { width: 55%; } .card__table--fav { width: 97px; } .card__table--fav .card__cell { display: block; margin-bottom: 0.8em; width: 100%; text-align: center; } .card__cell--compare { display: none !important; } .card__buy a { margin-left: 20px; } .card__button--setup { width: 42%; position: absolute; top: 0; right: 0; } .card__button--one-click { position: absolute; right: 45%; } .card__button--credit { position: absolute; right: 0; width: 42%; } .card__in-stock, .card__not-in-stock { display: inline-block; } } @media (min-width: 720px) and (max-width: 62em) { .catalog-menu-main { width: 40%; } .showcase .name { text-align: center; } .catalog__title { font-size: 18px; } .sidebar__title { font-family: 'Roboto Condensed', sans-serif !important; } .search { width: 60%; } .product-list__item { display: none; } .product-list__item:first-child, .product-list__item:nth-child(2) { display: block; float: left; width: 100%; } .product-preview__buy { font-size: 17px; } .sidebar__block { float: left; width: 50%; } .sidebar__block:nth-child(2n-1) { padding-right: 20px; } .sidebar__block:nth-child(2n) { padding-left: 20px; } .action-list__item { float: left; width: 50%; } .footer__info { text-align: left; width: 395px; } .footer__menu { font-size: 18px; width: 420px; padding-left: 55px; } .footer__subscribe { width: 700px; } .footer__subscribe input { width: 490px; } .card__preview { width: 50%; float: left; } .card__question { margin-top: 2em; width: 40%; float: right; font-size: 17px; } .card__question-head { font-size: 14px; } .card__table--fav .card__cell { font-size: 14px; } .card__buy { font-size: 17px; } .card__button--setup { padding-top: 0.87em; padding-bottom: 0.87em; margin-top: 12px; } .card__button--one-click { top: 72px; } .card__button--credit { top: 72px; } .pmenu, .pcontent { /* width: 100%; display: block; */ } .pcontent { padding-top: 10px; } } /* При ресайзе здесь добавляем и сюда !!!!! от */ @media (max-width: 719px) { .top-line__center, .heading__center, .navigation__center, .content__center, .breadcrumbs__center, .brand-list__center, .action-list__center, .footer__center, .copyright__center { max-width: 480px; } .showcase .name { text-align: center; } .product-list__item { display: none; } .product-list__item:first-child { display: block; } .copyright { text-align: center; } .pmenu, .pcontent { /* width: 100%; display: block; */ } .pcontent { padding-top: 10px; } } @media (max-width: 719px) and (max-width: 62em) { .footer__subscribe input { width: 100%; text-align: center; } } @media (max-width: 479px) { body { font-size: 16px; } .heading__logo .logo { font-size: 20px; } .heading__cart a { font-size: 14px; } .search { font-size: 14px; } .search .icon { margin-top: 12px; } .footer__logo .logo { font-size: 18px; } .footer__social .icon { font-size: 6px; } .footer__round-button:nth-child(2) { margin-left: 20px; margin-right: 20px; } .off-canvas.is-active .off-canvas__wrapper { -webkit-transform: translate(290px, 0); -ms-transform: translate(290px, 0); transform: translate(290px, 0); } .off-canvas.is-active .off-canvas__sidebar { width: 290px; left: -290px; } .off-canvas-service { font-size: 14px; } .off-canvas-service__pic .icon { font-size: 3.7px; } .card { font-size: 14px; } .card__question-tab { display: block; margin-bottom: 0.5em; } .card__question-name { vertical-align: middle; } .card__table--buy .card__cell { display: block; width: 100%; text-align: center; } .card__button { text-align: center; } .card__button--one-click { float: none; } .card__button--credit { margin: 0; } .card__button { font-size: 14px; display: block; } } @media (max-width: 479px) and (max-width: 62em) { .card__question-head { font-size: 14px; } } @media (max-width: 61.99em) { .card__print { display: none; } } @media print { .top-line__center, .heading__center, .navigation__center, .content__center, .breadcrumbs__center, .brand-list__center, .action-list__center, .footer__center, .copyright__center { width: auto !important; } .top-line, .heading, .action-list, .navigation, .footer, .copyright, .product-list--full, .card__question, .card__table--buy, .card__button, .card__btns, .card__border-box--share, .card__print, .badge--super-price, .card__preview a:first-child:after { display: none !important; } .breadcrumbs { padding-top: 20px; } .card__price-table > div:first-child .card__price:first-child { height: auto !important; } .card__price-table:before { content: 'Стоимость:'; display: block; margin-top: 1em; margin-bottom: 1em; } .card__controls { width: 40% !important; float: right !important; } .card__controls .card__group, .card__controls .card__button, .card__controls .card__buy, .card__controls .card__table--fav, .card__controls script { display: none !important; } .card__controls * { display: block !important; margin: 0 !important; padding: 0 !important; width: 100% !important; text-align: left !important; } .card__preview { width: 60% !important; float: left !important; } .card__preview a, .card__border-box { border: 0; box-shadow: none; padding: 0; } .card__border-box { margin-top: 0; margin-bottom: 1em; } .card__price-table, .card__price, .card__description, .card__price-table > div, .accordeon__title, .card__preview, .card__title { margin: 0 !important; padding: 0 !important; } .breadcrumbs__center, .breadcrumbs__container, .content__center, .content__container { width: auto; min-width: auto; max-width: 10000px !important; margin: 0 !important; padding: 0 !important; } .card__controls { padding-top: 14em; } .accordeon { border: 0 !important; padding-top: 2em; } .accordeon * { border: 0 !important; } .accordeon__title { padding-top: 0; padding-bottom: 0; font-size: 12px; } .accordeon__description { padding-top: 0; padding-left: 0; padding-right: 0; } img { border: 0 !important; } body { font-size: 14px; } body * { color: #000 !important; background: transparent !important; } .card__offer-price { display: none !important; float: right; } .accordeon__description { display: block !important; } .card__price-table > div.show { display: none !important; } .card__price-table { margin-bottom: 1.5em !important; } .card__border-box { font-weight: bold !important; } } .clear { clear: both; } .navigation_navi { float: right; padding-top: 12px; font-size: 14px; } .navigation_navi .arrow .icon { width: 7px; height: 14px; } .navigation_navi span, .navigation_navi a { display: inline-block; padding: 0px 5px; } .navigation_navi a.arrow.left .icon { background-position: -14px -531px; } .navigation_navi span.arrow.left .icon { background-position: 0px -531px; } .navigation_navi a.arrow.right .icon { background-position: -14px -545px; } .navigation_navi span.arrow.right .icon { background-position: 0px -545px; } .pngicons, .showcase .share .b-share-icon, .rsgppopup .share .b-share-icon { background-image: url('/img/icons.png?v100'); } .top-line { z-index: 10000; } .catalog-menu-main > .catalog__menu { /*position: absolute;*/ top: 100%; left: 0; width: 100%; } .catalog-menu-main > .catalog__menu > .catalog__item:nth-of-type(n+10) { display: none; } .catalog-menu-main > .catalog__menu:hover > .catalog__item:nth-of-type(n+10) { display: block; } .catalog-menu-main > .catalog__menu:after { content: '...'; } .catalog-menu-main > .catalog__menu:hover:after { display: none; } .dropdown { position: relative; } .dropdown:hover .dropdown__menu { display: block; } .dropdown__menu { display: none; position: absolute; top: 100%; left: 0; background-color: #c30a1f; box-shadow: 0 10px 45px rgba(0,0,0, .25); } .dropdown__menu a { display: block; padding: .6em 1em; color: #fff; } .dropdown__menu a:hover { background-color: #ddd; color: #284f99; } .noned { display: none; } .subscribe .line { margin-bottom: 15px; line-height: 18px; } .subscribe .line.border { padding-top: 15px; border-top: 1px solid #F2F2F2; } .subscribe .line .title { font-weight: bold; color: #444; margin-bottom: 7px; } .subscribe .line.type label { margin-right: 15px; } .subscribe .item { margin-bottom: 5px; } .subscribe .item b { color: #444; } .subscribe .item .sbscr { color: #333; font-size: 11px; margin-left: 17px; } .subscribe .note { display: block; margin-bottom: 7px; color: #666; } .subscribe .line .text { margin-right: 15px; margin-bottom: 15px; } .subscribe .line .btn { padding: 11px 14px; } @media screen and (max-width:480px) { body .subscribe .line input { max-width: 500px; } } .catalogmenucolumn { float: left; min-width: 250px; } .catalogmenucolumn ul { list-style: none; padding-left: 0px; margin-top: 0; margin-bottom: 0px; } .catalogmenucolumn ul > li { list-style-type: none; } .catalogmenu, .catalogmenusmall { position: relative; } .catalogmenu, .catalogmenu ul, .catalogmenusmall, .catalogmenusmall ul { width: 100%; } .catalogmenu a, .catalogmenusmall a { position: relative; display: block; padding: 9px 12px; text-decoration: none; } .catalogmenu li { background-color: #FFF; display: block; } .catalogmenu li.more { display: none; } .catalogmenu.hover li.more { display: block; } .catalogmenu.hover li.morelink { display: none; } .catalogmenu li.parent { max-width: 250px; background-color: #F3F3F3; } .catalogmenu a.parent { padding: 11px 12px; color: #000; font-size: 13px; } .catalogmenu a.parent .icon.menu { float: right; width: 13px; height: 13px; margin-top: 3px; margin-right: 3px; margin-left: 8px; background-position: 0px 0px; } .catalogmenu a.first.morelink { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 16px; padding: 12px 22px 12px 12px; } .catalogmenu li li .icon.menu { position: absolute; top: 50%; right: 8px; width: 5px; height: 8px; margin-top: -4px; margin-left: 8px; background-position: 0px -83px; } .catalogmenu li a.first { white-space: nowrap; text-overflow: ellipsis; padding: 11px 22px 10px 12px; overflow: hidden; } .catalogmenu li a.first.selected { text-decoration: underline; } .catalogmenu li.first:hover > a, .catalogmenu li.first.hover > a, .catalogmenu li.sub:hover > a, .catalogmenu li.sub.hover > a, .catalogmenu a.first:hover, .catalogmenu a.first.hover, .catalogmenu a.sub:hover, .catalogmenu a.sub.hover { color: #fff; background-color: #c30a1f; } .catalogmenu a.first:active, .catalogmenu a.first.hover:active, .catalogmenu a.sub:active, .catalogmenu a.sub.hover:active { color: #fff; background-color: #c30a1f; } .catalogmenu a.first:hover .icon.menu, .catalogmenu a.first.hover .icon.menu, .catalogmenu a.sub:hover .icon.menu, .catalogmenu a.sub.hover .icon.menu { background-position: -5px -83px; } .catalogmenu li ul.first { top: 40px; max-width: 250px; border-right: none; border-left: none; border-bottom: none; } .catalogmenu.hover li ul.first { border-bottom: 1px solid #F3F3F3; } .catalogmenu li ul { position: absolute; top: 0px; display: none; max-width: 248px; height: auto; background-color: #fff; border: 1px solid #F3F3F3; } .catalogmenu li ul.show { display: block; z-index: 500; } .catalogmenu li.first ul { min-height: 100%; } .catalogmenu li.first { border-right: 1px solid #F3F3F3; border-bottom: 1px solid #F3F3F3; border-left: 1px solid #F3F3F3; } .catalogmenu.hover li.first.lastchild { border-bottom: 1px solid #FFF; } .catalogmenu li.sub { border-bottom: 1px solid #FFF; } .catalogmenu li ul a { text-align: left; } .catalogmenu li ul ul { margin: -1px 0 0 248px; } .catalogmenu li:hover ul, .catalogmenu li.hover ul { display: none; } .catalogmenu li:hover > ul, .catalogmenu li.hover > ul, .catalogmenu li:hover ul.first.show, .catalogmenu li.hover ul.first.show { display: block; z-index: 200; } .catalogmenu .elementinmenu { width: 250px; } .catalogmenu li:hover ul.elementinmenu, .catalogmenu li.hover ul.elementinmenu { display: block; left: 0px; } .catalogmenu .elementinmenu .name { height: 35px; text-align: center; overflow: hidden; } .catalogmenu .elementinmenu .pic { padding: 10px 0px; text-align: center; } .catalogmenu .elementinmenu .pic a { display: block; width: 210px; height: 170px; line-height: 170px; text-align: center; } .catalogmenu .elementinmenu .pic a img { display: inline-block; } .catalogmenu .elementinmenu .price { padding: 10px 20px 0px 20px; text-align: center; } .catalogmenu .elementinmenu .price span { display: inline-block; margin-bottom: 6px; } .catalogmenu .elementinmenu .price.gen { display: block; font-size: 18px; margin-right: 15px; margin-bottom: 10px; } .catalogmenu .elementinmenu .price.old { margin-right: 25px; } .catalogmenu .elementinmenu .more { margin-top: 20px; padding: 0px 20px; text-align: right; } .catalogmenu .elementinmenu .more a { display: inline; padding: 0px; text-align: right; text-decoration: none; } .catalogmenu .elementinmenu .more a:hover { text-decoration: underline; } .catalogmenu .elementinmenu .more a .icon { width: 7px; height: 14px; margin-left: 5px; margin-bottom: 3px; background-position: 0px -545px; } .catalogmenu .elementinmenu .more a:hover .icon { background-position: -21px -545px; } /* mobile menu */ .catalogmenusmall { display: none; } .catalogmenusmall li.parent { background-color: #F3F3F3; } .catalogmenusmall a.parent { padding: 11px 12px; color: #000; font-size: 13px; } .catalogmenusmall a.parent .icon.menu { float: right; width: 13px; height: 13px; margin-top: 3px; margin-right: 3px; margin-left: 8px; background-position: 0px 0px; } @media screen and (min-width:1010px) { body .catalogmenu li ul.first.show { display: block; } } @media screen and (max-width:1010px) { body .catalogmenu li:hover > ul.lvl4, body .catalogmenu li.hover > ul.lvl4, body .catalogmenu li:hover > ul.lvl5, body .catalogmenu li.hover > ul.lvl5 { display: none; } body .catalogmenu li ul.first.show { display: none; } } @media screen and (max-width:760px) { body .catalogmenu li:hover > ul.lvl3, body .catalogmenu li.hover > ul.lvl3, body .catalogmenu li:hover > ul.lvl4, body .catalogmenu li.hover > ul.lvl4, body .catalogmenu li:hover > ul.lvl5, body .catalogmenu li.hover > ul.lvl5 { display: none; } } @media screen and (max-width:605px) { body .catalogmenucolumn { float: none; } body .catalogmenucolumn .catalogmenu { display: none; } body .catalogmenucolumn .catalogmenusmall { display: block; } } .nonep { height: 1px; left: -10000px; position: absolute; width: 1px; } .filtren input[type="text"] { background: none; } a.btn1, a.btn2, a.btn3 { text-transform: uppercase; display: inline-block; padding: 5px 14px; text-decoration: none; text-align: center; color: #FFF; } a.btn1 { background-color: #284f99; } a.btn2 { background-color: #214496; } a.btn3 { background-color: #899CC7; } a.btn1:hover, a.btn2:hover, a.btn3:hover { text-decoration: none; } a.btn1:active { background-color: #284f99; } a.btn2:active { background-color: #19326c; } a.btn3:active { background-color: #69789c; } .catalog { width: 100%; } .catalog .sidebar { width: 250px; float: left; font-size: 14px; } .catalog .sidebar ul { list-style: none; padding-left: 0px; margin-top: 0; margin-bottom: 0px; } .catalog .sidebar ul > li { list-style-type: none; } .catalog .prods { margin-left: 250px; font-size: 0.9em; } .catalog .prods .sectinfo, .catalog .prods .mix { border-left: 1px solid #F2F2F2; } .catalog .prods .mix { padding-bottom: 12px; } .catalog .prods .sectinfo, .catalog .prods .mix, .catalog .prods .ajaxpages_gmci { width: 100%; float: left; } .catalog .prods .sectinfo { border-top: 1px solid #E5E5E5; } .catalog .prods .sectinfo .description { color: #484848; } .catalog .prods .compareandpaginator { padding: 12px 0px; border-top: 1px solid #E5E5E5; } .catalog .prods .compareandpaginator .compare { float: left; padding-left: 17px; } .catalog .prods .mix .catalogsorter { padding-top: 12px; border-top: 1px solid #E5E5E5; } .catalog .errortext { margin-left: 15px; } @media screen and (max-width:775px) { body .catalog .compare { width: 100%; float: none; } } @media screen and (max-width:605px) { body .catalog .sidebar, body .catalog .prods { width: 100%; margin-left: 0px; } body .catalog .prods .sectinfo, body .catalog .prods .mix { border-left: none; } body .catalog .prods .mix .compareandpaginator { display: none; } body .catalog .prods .compareandpaginator .compare { padding-left: 0px; } } .filtren .lvl1 ul { padding: 8px 4px; } .icon { display: inline-block; font-size: 0; vertical-align: middle; } .nowrap { white-space: nowrap; } /******************************* showcase *******************************/ .showcase { width: 100%; margin-left: 1px; } .showcase .js-element { position: relative; float: left; width: 25%; } .showcase.columns5 .js-element { width: 20%; } .showcase .js-element .inner { position: absolute; top: 0px; left: 0px; right: 0px; /*min-height:395px;*/ background-color: #fff; border: 1px solid #e7e7e7; z-index: 100; } .showcase .js-element .padd { padding: 0.4em 1em 0 1em; } .showcase .js-element { /*height:395px;*/ } .showcase.big .js-element { height: 378px; } /* hover */ .showcase .js-element .popup { display: none; } .showcase .js-element:hover .inner, .showcase .js-element.hover .inner { border: 1px solid #cccccc; z-index: 110; box-shadow: 0 0 36px rgba(0,0,0,0.2); } .showcase .js-element:hover .popup, .showcase .js-element.hover .popup { display: block; } .showcase .js-element:hover .product-list__service-button { display: none; } /* /hover */ .showcase .pic { position: relative; padding: 10px 0px; text-align: center; } .showcase .pic a, .showcase .pic span { display: block; width: 100%; height: 170px; line-height: 170px; text-align: center; } .showcase .pic a img, .showcase .pic span img { display: inline-block; vertical-align: middle; } /* timers */ .showcase .pic .timers { position: absolute; bottom: 0px; left: 0px; right: 0px; } .showcase .pic .timers .clock { float: left; padding: 14px 6px; background-color: #748080; -khtml-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; } .showcase .pic .timers .clock i { width: 16px; height: 16px; background-position: 0px 0px; background-repeat: no-repeat; } .showcase .pic .timers .timer { margin: 0 auto; background-color: #e8e8e8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: .7; -khtml-opacity: .7; opacity: .7; -khtml-border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; } .showcase .pic .timers .timer .intimer { float: left; padding: 8px 11px 0px; } .showcase .pic .timers .timer .val, .showcase .pic .timers .timer .dvoet { float: left; } .showcase .pic .timers .timer .val.ml { margin-left: 10px; } .showcase .pic .timers .timer .val .value, .showcase .pic .timers .timer .val .podpis { width: 100%; } .showcase .pic .timers .timer .val .value, .showcase .pic .timers .timer .dvoet { font: 17px Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 3px; } .showcase .pic .timers .timer .podpis { font: 10px Arial, Helvetica, sans-serif; } .showcase .pic .timers .timer .progressbar { height: 4px; margin-top: 4px; background-color: #d4d9de; border: 1px solid #b8bcc1; -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .showcase .pic .timers .timer .progressbar .progress { position: relative; top: -1px; left: -1px; height: 4px; background-repeat: repeat-x; -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .showcase .pic .timers .timer.da2 .progressbar .progress { border: 1px solid #990060; } .showcase .pic .timers .timer.qb .progressbar .progress { border: 1px solid #62a92c; } /* /timers */ /* prices */ .showcase .prices .prices_jscrollpane { width: 100%; overflow: auto; } .showcase .prices .prev, .showcase .prices .next { display: block; width: 100%; text-align: center;/* background:#F3F3F3; background:-ms-linear-gradient(top, #f3f3f3, #fff); background-image:-moz-linear-gradient(top, #f3f3f3, #fff); background-image:-o-linear-gradient(top, #f3f3f3, #fff); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#F3F3F3), to(#FFF)); background-image:-webkit-linear-gradient(top, #F3F3F3, #FFF); background-image:linear-gradient(to bottom, #F3F3F3, #FFF); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3',endColorstr='#fff',GradientType=0); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3f3f3, endColorstr=#fff)"; */ } .showcase .prices .prev .icon, .showcase .prices .next .icon { width: 14px; height: 7px; margin-bottom: 2px; } .showcase .prices .prev .icon { background-position: -14px -669px; } .showcase .prices .prev:hover .icon { background-position: -14px -690px; } .showcase .prices .next .icon { background-position: 0px -669px; } .showcase .prices .next:hover .icon { background-position: 0px -690px; } .showcase .prices .pricestable { width: 100%; } .showcase .prices .pricestable tr td { padding: 8px 10px; } .showcase .prices .pricestable tr.even td { background-color: #FAFAFA; } /* /prices */ /* prices -> soloprice */ .showcase .soloprice { padding: 10px 20px 0px 20px; text-align: left; } .showcase .soloprice span { display: inline-block; margin-bottom: 6px; } .showcase .soloprice .price.gen { display: block; font-size: 18px; margin-bottom: 10px; } .showcase .soloprice .price.old { margin-right: 25px; } /* /prices -> soloprice */ .showcase .buy, .showcase .description { margin-top: 20px; } .showcase .buy .quantity { margin-top: 3px; } .showcase .buy .add2basket, .showcase .buy .inbasket { float: right; padding: 4px 15px; } /* compare */ .showcase .compare { margin-top: 12px; } /* /compare */ /* favorite & share */ .showcase .favorishare { margin-top: 5px; } .showcase .add2favorite { /*color:#666666; font-size:11px; text-decoration:none;*/ } .showcase .add2favorite:hover { color: #214496; text-decoration: underline; } .showcase .add2favorite .icon, .showcase .add2favorite .counter { margin-right: 3px; } .showcase .add2favorite .icon, .card .add2favorite .icon { width: 12px; height: 10px; margin-bottom: 2px; background-position: 0px -629px; } .showcase .add2favorite.in .icon, .card .add2favorite.in .icon { background-position: -12px -629px; } .card .add2favorite .icon { margin-right: 5px; } .showcase .share { float: right; } .showcase .share .b-share-icon { height: 10px; background-repeat: no-repeat; } .showcase .share .b-share { padding: 1px 0px!important; } .showcase .share .b-share__handle { padding: 5px 3px 1px 7px!important; } .showcase .share a .b-share-icon.b-share-icon_vkontakte { width: 9px; background-position: 0px -301px; } .showcase .share a:hover .b-share-icon.b-share-icon_vkontakte { background-position: -9px -301px; } .showcase .share a .b-share-icon.b-share-icon_facebook { width: 6px; background-position: 0px -291px; } .showcase .share a:hover .b-share-icon.b-share-icon_facebook { background-position: -6px -291px; } .showcase .share a .b-share-icon.b-share-icon_twitter { width: 8px; background-position: 0px -311px; } .showcase .share a:hover .b-share-icon.b-share-icon_twitter { background-position: -8px -311px; } .showcase .share a.email2friend .icon { width: 14px; height: 10px; background-position: 0px -280px; } .showcase .share a.email2friend:hover .icon { background-position: -14px -280px; } .showcase .favorite { /*float:left;*/ } @media screen and (min-width:1281px) { .showcase .js-element .inner { min-height: 415px; } .showcase .js-element { height: 415px; } } /* /favorite & share */ /* 605px - small filter */ @media screen and (max-width:1280px) and (min-width:1001px) { body .showcase.columns5 .js-element { width: 20%; } body .showcase .js-element { width: 33%; } .showcase .js-element .inner { min-height: 415px; } .showcase .js-element { height: 415px; } } @media screen and (max-width:1000px) and (min-width:761px) { body .showcase.columns5 .js-element { width: 33%; } body .showcase .js-element { width: 50%; } body .showcase .popup.padd { margin-top: 50px; } .showcase .js-element .inner { min-height: 450px; } .showcase .js-element { height: 450px; } } @media screen and (max-width:760px) and (min-width:721px) { body .showcase.columns5 .js-element { width: 50%; } body .showcase .popup.padd { margin-top: 50px; } .showcase .js-element .inner { min-height: 450px; } .showcase .js-element { height: 450px; } } @media screen and (max-width:720px) and (min-width:606px) { body .showcase.columns5 .js-element { width: 100%; } body .showcase .popup.padd { margin-top: 50px; } .showcase .js-element .inner { min-height: 450px; } .showcase .js-element { height: 450px; } } @media screen and (max-width:760px) and (min-width:606px) { /*body .showcase.columns5 .js-element{ width:100%; }*/ body .showcase .js-element { width: 100%; } body .showcase .popup.padd { margin-top: 50px; } .showcase .js-element .inner { min-height: 450px; } .showcase .js-element { height: 450px; } } @media screen and (max-width:605px) and (min-width:541px) { body .showcase.columns5 .js-element, body .showcase .js-element { width: 100%; } body .showcase .popup.padd { margin-top: 50px; } .showcase .js-element .inner { min-height: 450px; } .showcase .js-element { height: 450px; } } @media screen and (max-width:540px) { body .showcase.columns5 .js-element, body .showcase .js-element { width: 100%; } body .showcase .popup.padd { margin-top: 50px; } .showcase .js-element .inner { min-height: 450px; } .showcase .js-element { height: 450px; } } /******************************* /showcase *******************************/ .showcase .js-element { position: relative; margin-left: -1px; margin-top: -1px;/*color: #284f99;*/ } .product-preview__price-table { color: #284f99; height: 43px; font-size: 14px; } .product-preview__group input { padding: 2.8px 6px; } .artables.table .products { width: 100%; } .artables.table table.names { display: none; float: left; width: 150px; border-right: none; } .artables.table table.names td.name { width: 140px; } .artables.table .arproducts { -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } .artables.table table { border: 1px solid #F3F3F3; } .artables.table table tr th { padding: 14px 10px; background-color: #F3F3F3; font-weight: normal; } .artables.table table tr td { padding: 12px 10px; } .artables.table table tr th.free, .artables.table table tr td.free { width: 7px; padding: 0px; } .artables.table table tr th.free span, .artables.table table tr td.free span { display: block; width: 7px; min-height: 48px; } .artables.table table tr.even td { background-color: #fafafa; } .artables.table table.products div.name { min-width: 143px; } .artables.table table.products tr:hover td { background-color: #eee; } .artables.table table.products tr:hover td.name a { text-decoration: none; } .artables.table table.products tr:hover td.name a:hover { text-decoration: none; } .artables.table table.products .add2basketform .submit i, .artables.table table.products .add2basketform .inbasket i { width: 23px; height: 20px; margin-left: 8px; margin-bottom: 4px; background-position: 0 -418px; } .artables.table table.products tr:hover .add2basketform .submit i, .artables.table table.products tr:hover .add2basketform .inbasket i { background-position: -23px -418px; } .artables.table table.products tr:hover .add2basketform.in .tick, .artables.table table.products tr:hover .add2basketform.in .tick { /*background-position:-16px -595px; big*/ background-position: -13px -579px;/* small*/ } .artables.table table.products tr:hover .add2basketform input, .artables.table table.products tr:hover .add2basketform .js-measurename { color: #000; } .artables.table table th, .artables.table table td { text-align: center; } .artables.table table th.name, .artables.table table td.name { text-align: left; } .artables.table .add2basketform.in .inbasket { display: none; } .artables.table .add2basketform .tick { visibility: hidden; /*width:16px; big*/ width: 13px;/* small*/ /*height:16px; big*/ height: 9px;/* small*/ margin-left: 8px; /*background-position:-16px -613px; big*/ background-position: -13px -588px;/* small*/ } .artables.table .add2basketform.in .tick { visibility: visible; } /* /add2basket */ /* js table fix */ .artables.table.adap .arproducts { overflow-x: scroll; overflow-y: hidden; } .artables.table.adap table.products { border-left: none; } .artables.table.adap table.products th.free, .artables.table.adap table.products td.free, .artables.table.adap table.products th.name, .artables.table.adap table.products td.name { width: 0px; max-width: 0px; padding: 0px; margin: 0px; overflow: hidden; } .artables.table.adap table.products th.free span, .artables.table.adap table.products td.free span { width: 0px; } .artables.table table td.free span.qb { background-color: #66b132; } .artables.table table td.free span.da2, .artables.table table td.free span.da2.qb { background-color: #c5007c; } .artables.table.adap table.products div.name { width: 143px; padding: 12px 10px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .artables.table.adap table.names { display: block; } /* /js table fix */ @media screen and (max-width: 1010px) { body.adaptive .artables.table .arproducts { overflow-x: scroll; overflow-y: hidden; } body.adaptive .artables.table table.products { border-left: none; } body.adaptive .artables.table table.products th.free, body.adaptive .artables.table table.products td.free, body.adaptive .artables.table table.products th.name, body.adaptive .artables.table table.products td.name { width: 0px; max-width: 0px; padding: 0px; margin: 0px; overflow: hidden; } body.adaptive .artables.table table.products th.free span, body.adaptive .artables.table table.products td.free span { width: 0px; } body.adaptive .artables.table table.products div.name { width: 143px; padding: 12px 10px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body.adaptive .artables.table table.names { display: block; } } /******************************* /table *******************************/ /******************************* gallery *******************************/ .artables.gallery .products { width: 100%; } .artables.gallery table.names { display: none; float: left; width: 150px; border-right: none; } .artables.gallery table.names td.name { width: 140px; } .artables.gallery .arproducts { -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } .artables.gallery table { border: 1px solid #F3F3F3; } .artables.gallery table tr th { padding: 14px 10px; font-weight: normal; background-color: #F3F3F3; } .artables.gallery table tr td.name, .artables.gallery table tr td.nowrap { padding: 12px 10px; } .artables.gallery table tr th.free, .artables.gallery table tr td.free { width: 7px; padding: 0px; } .artables.gallery table tr th.free span, .artables.gallery table tr td.free span { display: block; width: 7px; min-height: 48px; } .artables.gallery table tr.even td { background-color: #fafafa; } .artables.gallery table.products div.name { min-width: 143px; } .artables.gallery table.names tr td.name table.smpl, .artables.gallery table.names tr td.name table.smpl tr td, .artables.gallery table.products tr td.name table.smpl, .artables.gallery table.products tr td.name table.smpl tr td { padding: 0px; border: none; } .artables.gallery table.names tr td.name table.smpl tr td.nm a, .artables.gallery table.products tr td.name table.smpl tr td.nm a, .artables.gallery table.names tr td.name table.smpl tr td.nm span, .artables.gallery table.products tr td.name table.smpl tr td.nm span { display: block; padding-left: 7px; } .artables.gallery table.names tr td.name table.smpl tr td.nm a > span, .artables.gallery table.products tr td.name table.smpl tr td.nm a > span { padding-left: 0px; } .artables.gallery table.names tr td.name table.smpl tr td.nm, .artables.gallery table.products tr td.name table.smpl tr td.nm { text-align: left; } .artables.gallery table.products tr:hover td { background-color: #eee; } .artables.gallery table.products tr:hover td.name a { text-decoration: none; } .artables.gallery table.products tr:hover td.name a:hover { text-decoration: none; } .artables.gallery table.products .add2basketform .submit i, .artables.gallery table.products .add2basketform .inbasket i { width: 23px; height: 20px; margin-left: 5px; margin-bottom: 4px; background-position: 0 -418px; } .artables.gallery table.products tr:hover .add2basketform .submit i, .artables.gallery table.products tr:hover .add2basketform .inbasket i { background-position: -23px -418px; } .artables.gallery table.products tr:hover .add2basketform.in .tick, .artables.gallery table.products tr:hover .add2basketform.in .tick { /*background-position:-16px -595px; big*/ background-position: -13px -579px;/* small*/ } .artables.gallery table.products tr:hover .add2basketform input, .artables.gallery table.products tr:hover .add2basketform .js-measurename { color: #000; } .artables.gallery table th, .artables.gallery table td { text-align: center; } .artables.gallery table th.name, .artables.gallery table td.name { text-align: left; } .artables.gallery .add2basketform.in .inbasket { display: none; } .artables.gallery .add2basketform .tick { visibility: hidden; /*width:16px; big*/ width: 13px;/* small*/ /*height:16px; big*/ height: 9px;/* small*/ margin-left: 5px; /*background-position:-16px -613px; big*/ background-position: -13px -588px;/* small*/ } .artables.gallery .add2basketform.in .tick { visibility: visible; } /* /add2basket */ /* js table fix */ .artables.gallery.adap .arproducts { overflow-x: scroll; overflow-y: hidden; } .artables.gallery.adap table.products { border-left: none; } .artables.gallery.adap table.products th.free, .artables.gallery.adap table.products td.free, .artables.gallery.adap table.products th.name, .artables.gallery.adap table.products td.name { width: 0px; max-width: 0px; padding: 0px; margin: 0px; overflow: hidden; } .artables.gallery.adap table.products th.free span, .artables.gallery.adap table.products td.free span { width: 0px; } .artables.gallery table td.free.qb, .artables.gallery table td.free span.qb, .artables.gallery table.products tr:hover td.free.qb, .artables.gallery table.products tr:hover td.free span.qb { background-color: #66b132; } .artables.gallery table td.free.da2, .artables.gallery table td.free.da2.qb, .artables.gallery table td.free span.da2, .artables.gallery table td.free span.da2.qb, .artables.gallery table.products tr:hover td.free.da2, .artables.gallery table.products tr:hover td.free.da2.qb, .artables.gallery table.products tr:hover td.free span.da2, .artables.gallery table.products tr:hover td.free span.da2.qb { background-color: #c5007c; } .artables.gallery.adap table.products div.name { width: 143px; padding: 12px 10px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .artables.gallery.adap table.names { display: block; } .body .artables.gallery.adap table.products td.free.qb, .body .artables.gallery.adap table.products td.free span.qb .body .artables.gallery.adap table.products td.free.da2, .body .artables.gallery.adap table.products td.free.da2.qb, .body .artables.gallery.adap table.products td.free span.da2, .body .artables.gallery.adap table.products td.free span.da2.qb { background-color: #fff; } /* /js table fix */ @media screen and (max-width: 1010px) { body.adaptive .artables.gallery .arproducts { overflow-x: scroll; overflow-y: hidden; } body.adaptive .artables.gallery table.products { border-left: none; } body.adaptive .artables.gallery table.products th.free, body.adaptive .artables.gallery table.products td.free, body.adaptive .artables.gallery table.products th.name, body.adaptive .artables.gallery table.products td.name { width: 0px; max-width: 0px; padding: 0px; margin: 0px; overflow: hidden; } body.adaptive .artables.gallery table.products th.free span, body.adaptive .artables.gallery table.products td.free span { width: 0px; } body.adaptive .artables.gallery table.products div.name { width: 143px; padding: 12px 10px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body.adaptive .artables.gallery table.names { display: block; } body.adaptive .artables.gallery table.products td.free.qb, body.adaptive .artables.gallery table.products td.free span.qb body.adaptive .artables.gallery table.products td.free.da2, body.adaptive .artables.gallery table.products td.free.da2.qb, body.adaptive .artables.gallery table.products td.free span.da2, body.adaptive .artables.gallery table.products td.free span.da2.qb { background-color: #fff; } } /******************************* /gallery *******************************/ /*VIDEO*/ .video-gallery .item { float: left; position: relative; margin: 0 15px 15px 15px; width: 240px; height: 140px; background: #000; } .video-gallery .item { margin: 15px; } .video-gallery .item { margin: 12px 22px 12px 0; background: transparent; height: auto; } .video-gallery .item .title { font-size: 0.9em; } .video-gallery .item img { display: block; position: relative; width: 100%; height: 140px; z-index: 0; opacity: 0.8; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; } .video-gallery .item .image { position: relative; } .video-gallery .item .image:after { content: ""; position: absolute; left: 50%; top: 43%; width: 60px; height: 60px; margin: -18px 0 0 -30px; background: url(/img/playvideo.png); } .product-list { /*font-size: 14px;*/ font-size: 0.9em; } .someform .line { margin-bottom: 10px; } .errortext { border: 1px solid red; } .errortext, .reviews-note-error, .notetext { display: inline-block; margin-bottom: 15px; padding: 10px 14px; } .someform input[type="text"], .someform input[type="password"], .someform textarea, .someform select { width: 100%; } .gallery .quantity, .table .quantity { width: 115px; font-size: 12px; } .showcase .quantity { font-size: 12px; } .gallery, .table { font-size: 13px; } .add2basketform.in .get_credit, .add2basketform .inbasket, .add2basketform .go2basket, .add2basketform.in .add2basket, .add2basketform.in .quantity, .add2basketform.in .product-preview__in-on-click, .add2basketform.in .product-preview__title, .add2basketform.in .buy1click { display: none; } .add2basketform .inbasket, .add2basketform .go2basket, .add2basketform .add2basket, .add2basketform .buy1click { white-space: nowrap; } .elementdetail .add2basketform .buy1click { padding: 11px 35px 12px 36px !important; } .add2basketform .buy1click { padding: 0; } .brand-list__table .owl-item img { height: 43px; } .in_basket_info { display: none; } .add2basketform.in .in_basket_info { display: inline-block; background: #3A9A2B; padding: 0.6em 1em; vertical-align: middle; line-height: normal; font-size: 1.1em; font-weight: bold; border: 0 solid transparent; text-align: center; text-decoration: none; color: #fff; } .form_freeongoo label input[type="checkbox"], .form_freeongoo label input[type="radio"] { margin-right: 5px; } .product-preview__buy { height: 33px; } .card .card__price-table .not_price_text { visibility: visible; color: #999; text-decoration: inherit; font-size: 1em; } .card__cell--compare .add2compare { display: inline-block; width: 6em; } .footer__cat .depth_level1 { font-size: 1.2em; font-weight: 400; color: #c30a1f; margin-bottom: 0.3em; line-height: 1.7em; text-decoration: none; } .in_baske_in_card { display: none; } .add2basketform.in .in_baske_in_card { display: table-cell; background: #3A9A2B; text-transform: uppercase; padding: 0.6em 1em; vertical-align: middle; line-height: normal; font-size: 1.1em; font-weight: bold; border: 0 solid transparent; text-align: center; text-decoration: none; color: #fff; white-space: nowrap; width: 100%; font-family: 'Roboto Condensed', sans-serif !important; } #show_mount_text, #show_pay_text { display: none; } .custom_text_show_card { font-family: 'Roboto Condensed', sans-serif !important; background: #284f99; color: #fff; text-transform: uppercase; display: inline-block; padding: 0.5em 1em; font-size: 1em; font-weight: bold; } .typeWater tr td:first-child { text-align: right; padding-right: 5px; } .groupedprops_brand { margin-top: 10px; } .groupedprops_brand tr td { vertical-align: top; } .groupedprops_brand .line { padding-right: 50px; border-bottom: 1px dotted #CCC; } .groupedprops_brand .line, .groupedprops_brand .val { height: 12px; } .groupedprops_brand .line span { color: #777; background-color: #FFF; } .prop_card_title { font-size: 1.4em; padding: 1em 0 0; color: #999; } .val_multi { padding-bottom: 5px; } .brandslist { /*height: 300px;*/ -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; /*3 is just placeholder -- can be anything*/ } .brandslist .subitem { display: inline-block; padding-bottom: 20px; width: 140px; } /* Изменения в файле стилей*/ .top-line { z-index: 10000; } .catalog > .catalog__menu { position: absolute; top: 100%; left: 0; width: 100%; } .catalog > .catalog__menu > .catalog__item:nth-of-type(n+10) { display: none; } .catalog > .catalog__menu:hover > .catalog__item:nth-of-type(n+10) { display: block; } .catalog > .catalog__menu:after { content: '...'; } .catalog > .catalog__menu:hover:after { display: none; } .dropdown { position: relative; } .dropdown:hover .dropdown__menu { display: block; } .dropdown__menu { display: none; position: absolute; top: 100%; left: 0; /*background-color: #fff;*/ box-shadow: 0 10px 45px rgba(0,0,0, .25); } .dropdown__menu a { display: block; padding: .6em 1em; width: 250px; text-decoration: none; text-transform: uppercase; } .dropdown__menu a:hover { background-color: #ddd; text-decoration: none; } .accordeon__description ul { padding-left: 25px; } .cat-slider__pic > img, .cat-submenu__pic > img { border-radius: 999px; } .owl-wrapper { position: relative; } .buy1click { margin-right: 1px !important; text-transform: uppercase; } .card__pres { font-size: 16px; } .card__pres span { color: red; } ul.photos { list-style: none!important; } ul.photos li { width: 25%; float: left; text-align: center; } ul.photos li a { display: block; height: 150px; margin: 10px; padding: 10px; border: 2px solid #F3F3F3; line-height: 0; } ul.photos li a:hover { border: 2px solid #ccc; } ul.photos li img { max-height: 125px; max-width: 100%; } .card__description .accordeon__block:first-child table { border-collapse: collapse; text-align: left; width: 100%; } .card__description .accordeon__block:first-child table { background: #fff; overflow: hidden; border: 2px solid #FFFFFF; width: 100%; } .card__description .accordeon__block:first-child table td, .card__description .accordeon__block:first-child table th { text-align: center; padding: 7px 10px; } .card__description .accordeon__block:first-child table tr:first-child td, .card__description .accordeon__block:first-child table th { text-transform: uppercase; background-color: #284f99 !important; color: #fff !important; font-family: 'Roboto Condensed', sans-serif; font-size: 13px; text-align: center; border-left: 2px solid #FFFFFF; } .card__description .accordeon__block:first-child table th:first-child { border: none; } .card__description .accordeon__block:first-child table td { color: #333; border-left: 2px solid #FFFFFF; font-size: 12px; border-bottom: 2px solid #FFFFFF; font-weight: normal; } .card__description .accordeon__block:first-child table td { color: #333; } .card__description .accordeon__block:first-child table tr:nth-child(odd) { background-color: #F4F4F4; } .card__description .accordeon__block:first-child table tr:nth-child(even) { border-top: 2px solid #fff; } .card__description .accordeon__block:first-child table tr:nth-child(even) { background-color: #F4F4F4; } .card__description .accordeon__block:first-child table td:first-child { border-left: none; } .card__description .accordeon__block:first-child table tr:last-child td { border-bottom: none; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('/fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } #order_form_content label { text-transform: uppercase; font-size: 13px; padding-right: 8px; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { min-height: .01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } .v2-copyright{ color:#fff; font-size:11px; } .v2-copyright a{ color:#fff; } .g-rating{ font-size:11px; } .home-bread{ list-style:none; color:#fff; font-size:11px; } .home-bread li{ display:inline-block; } .home-bread a{ color:#fff; } /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer{ overflow:hidden; position:relative; } .jspPane{ position:absolute; } .jspVerticalBar{ position:absolute; top:0; right:0; width:6px; height:100%; background:transparent; -khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden; } .jspHorizontalBar{ position:absolute; bottom:0; left:0; width:100%; height:6px; background:transparent; -khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden; } .jspVerticalBar *, .jspHorizontalBar *{ margin:0; padding:0; } .jspCap{ display:none; } .jspHorizontalBar .jspCap{ float:left; } .jspTrack{ position:relative; background:#d8d8d8; } .jspDrag{ position:relative; top:0; left:0; cursor:pointer; background:#c30a1f; } .jspDrag.jspHover{ background:#c30a1f; } .jspDrag.jspActive{ background:#c30a1f; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{ float:left; height:100%; } .jspArrow{ display:block; cursor:pointer; text-indent:-20000px; background:#50506d; } .jspArrow.jspDisabled{ cursor:default; background:#80808d; } .jspVerticalBar .jspArrow{ height:16px; } .jspHorizontalBar .jspArrow{ width:16px; float:left; height:100%; } .jspVerticalBar .jspArrow:focus{ outline:none; } .jspCorner{ float:left; height:100%; background:#eeeef4; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner{ margin:0 -3px 0 0; }/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp{ padding:0; margin:0; border:0; outline:none; vertical-align:top; text-align:left; } .fancybox-wrap{ position:absolute; top:0; left:0; z-index:8020; } .fancybox-skin{ position:relative; color:#444; text-shadow:none; background:#fff; } .fancybox-opened{ z-index:8030; } .fancybox-outer{ padding-top:41px; } .fancybox-opened .fancybox-outer{ padding-top:40px; } .fancybox-outer, .fancybox-inner{ position:relative; } .fancybox-type-iframe .fancybox-inner{ -webkit-overflow-scrolling:touch; } .fancybox-inner h2 { font-family: 'Roboto Condensed', sans-serif !important; text-transform:uppercase; font-size:16px; margin-bottom:15px; Margin-top:15px; } .fancybox-inner h1 { font-family: 'Roboto Condensed', sans-serif !important; text-transform:uppercase; font-size:20px; margin-bottom:15px; margin-top:20px; } .fancybox-inner p { font-size:13px; margin-top:5px; margin-bottom:5px; } .fancybox-inner li { font-size:13px; } .fancybox-error{ color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap; } .fancybox-image, .fancybox-iframe{ display:block; width:100%; height:100%; } .fancybox-image { max-width:100%; max-height:100%; } .fancybox-prev span, .fancybox-next span{ background-image:url('/img/fancybox_sprite.png'); } #fancybox-loading{ position:fixed; top:50%; left:50%; margin-top:-20px; margin-left:-20px; padding:10px; background-color:#fff; opacity:0.8; cursor:pointer; z-index:8060; -khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } #fancybox-loading div{ width:31px; height:31px; background:url('/img/fancybox_loading.gif') center center no-repeat; } .fancybox-close{ position:absolute; top:0px; right:0px; padding:20px 25px; cursor:pointer; z-index:8050; } .fancybox-close .icon{ width:10px; height:10px; background-position:0px -91px; } .fancybox-nav{ position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; background:transparent url('/img/blank.gif'); /* helps IE */ -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040; } .fancybox-prev{ left:0; } .fancybox-next{ right:0; } .fancybox-nav span{ position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden; } .fancybox-prev span{ left:10px; background-position:0 -36px; } .fancybox-next span{ right:10px; background-position:0 -72px; } .fancybox-nav:hover span{ visibility:visible; } .fancybox-tmp{ position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important; } /* Overlay helper */ .fancybox-lock{ overflow:hidden !important; width:auto; } .fancybox-lock body{ overflow:hidden !important; } .fancybox-lock-test{ overflow-y:hidden !important; } .fancybox-overlay { position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url('/img/fancybox_overlay.png'); } .fancybox-overlay-fixed{ position:fixed; bottom:0; right:0; } .fancybox-lock .fancybox-overlay{ overflow:auto; overflow-y:scroll; } /* Title helper */ .fancybox-title{ visibility:hidden; font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; text-shadow:none; z-index:8040; } .fancybox-opened .fancybox-title{ position:absolute; top:0px; right:0px; left:0px; font-size:24px; font-family:Opensanslight,Arial,Helvetica,sans-serif; white-space:nowrap; text-overflow:ellipsis; padding:20px; border-bottom:1px solid #F2F2F2; visibility:visible; overflow:hidden; } .fancybox-title-float-wrap{ position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center; } .fancybox-title-float-wrap .child{ display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; /* Fallback for web browsers that doesn't support RGBa */ background:rgba(0, 0, 0, 0.8); -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap; } .fancybox-title-outside-wrap{ position:relative; margin-top:10px; color:#fff; } .fancybox-title-over-wrap{ position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0, 0, 0, .8); }.propvision1 .offer_prop{ position:relative; margin-bottom:3px; } .propvision1 .offer_prop .offer_prop-name{ margin-right:5px; } .propvision1 .offer_prop .div_select{ position:relative; display:inline-block; } .propvision1 .offer_prop .icon{ width:8px; height:4px; margin-left:5px; margin-bottom:2px; background-position:0px 0px; } .propvision1 .offer_prop .div_selected{ display:inline-block; cursor:pointer; } .propvision1 .offer_prop .div_selected span{ color:#214496; border-bottom:1px dashed #000; } .propvision1 .offer_prop.color .div_selected span{ /* color */ border:none; } .propvision1 .offer_prop .div_selected span:hover{ border-bottom:1px dashed #FFF; } .propvision1 .offer_prop.closed .div_options{ display:none; } .propvision1 .offer_prop .div_options{ position:absolute; left:-14px; top:100%; min-width:50px; background-color:#FFF; border:1px solid #F2F2F2; z-index:100; } .propvision1 .offer_prop.color .div_options{ /* color */ min-width:0px; left:-8px; } .propvision1 .offer_prop .div_options .div_option{ min-width:50px; padding:5px 14px; color:#214496; cursor:pointer; white-space:nowrap; } .propvision1 .offer_prop.color .div_options .div_option{ /* color */ min-width:0px; padding:5px 7px; } .propvision1 .offer_prop .div_options .div_option:hover{ color:#FFF; background-color:#EE8131; } .propvision1 .offer_prop.color .div_selected span, .propvision1 .offer_prop.color .div_options .div_option span{ /* color */ display:inline-block; width:15px; height:15px; font-size:0; vertical-align:middle; border:1px solid #eeeeee; } .propvision1 .offer_prop .div_options .div_option:hover span{ text-decoration:none; } .propvision1 .offer_prop .div_options .div_option.selected span{ text-decoration:underline; } .propvision1 .offer_prop.color .div_options .div_option.selected span{ /* color */ border:1px solid #ff0000; } .prop_option_line_through .propvision1 .offer_prop .div_options .div_option.disabled, .prop_option_line_through .propvision1 .offer_prop .div_options .div_option.disabled:hover{ color:#B3B3B3; cursor:default; text-decoration:line-through; background-color:#FFF; } .prop_option_line_through .propvision1 .offer_prop.color .div_options .div_option.disabled, /* color */ .prop_option_line_through .propvision1 .offer_prop.color .div_options .div_option.disabled:hover, /* color */ .prop_option_hide .propvision1 .offer_prop .div_options .div_option.disabled, .prop_option_hide .propvision1 .offer_prop .div_options .div_option.disabled:hover{ display:none; }.rsgppopup{ position:absolute; top:100px; left:100px; text-align:left; z-index:900; } .rsgppopup .inner{ min-width:500px; min-height:320px; background-color:#FFF; -khtml-border-radius:4px; -moz-border-radius:4x; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:2px 4px 10px rgba(0,0,0,0.5); -webkit-box-shadow:2px 4px 10px rgba(0,0,0,0.5); box-shadow:2px 4px 10px rgba(0,0,0,0.5); } .rsgppopup .loading{ display:inline-block; width:31px; height:31px; margin-top:144px; margin-left:234px; background:rgba(0, 0, 0, 0) url('/img/loading.gif') center center no-repeat; } /* catalog.element -> popup */ .rsgppopup{ width:100%; max-width:500px; } .rsgppopup .block{ float:left; width:50%; } .rsgppopup .block.left{ border-right:1px solid #E5E5E5; } .rsgppopup .block.left .ppadding{ text-align:center; } .rsgppopup .ppadding, .showcaseitem .ppadding{ padding:15px 20px; } .rsgppopup .block.right .ppadding{ padding-bottom:5px; } .rsgppopup .ppadding .propanddesc{ min-height:225px; } .rsgppopup .pic{ padding:10px 0px; } .rsgppopup .article{ margin-bottom:12px; font-family:Opensanslight,Arial,Helvetica,sans-serif; color:#484848; } /* catalog.element -> popup -> prices */ .rsgppopup .prices .prs_jscrollpane{ width:100%; overflow:auto; } .rsgppopup .prices .prev, .rsgppopup .prices .next{ display:block; width:100%; text-align:center; background:#f3f3f3; background:-ms-linear-gradient(top, #f3f3f3, #fff); background-image:-moz-linear-gradient(top, #f3f3f3, #fff); background-image:-o-linear-gradient(top, #f3f3f3, #fff); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#fff)); background-image:-webkit-linear-gradient(top, #f3f3f3, #fff); background-image:linear-gradient(to bottom, #f3f3f3, #fff); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3',endColorstr='#fff',GradientType=0); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3f3f3, endColorstr=#fff)"; } .rsgppopup .prices .prev .icon, .rsgppopup .prices .next .icon{ width:14px; height:7px; margin-bottom:2px; } .rsgppopup .prices .prev .icon{ background-position:-14px -669px; } .rsgppopup .prices .prev:hover .icon{ background-position:-14px -690px; } .rsgppopup .prices .next .icon{ background-position:0px -669px; } .rsgppopup .prices .next:hover .icon{ background-position:0px -690px; } .rsgppopup .prices .pricestable{ width:100%; } .rsgppopup .prices .pricestable tr td{ padding:8px 12px; } .rsgppopup .prices .pricestable tr.even td{ background-color:#FAFAFA; } /* catalog.element -> popup -> soloprices */ .rsgppopup .soloprice{ margin-top:15px; } .rsgppopup .soloprice span{ display:inline-block; margin-bottom:6px; } .rsgppopup .soloprice .price.gen{ display:block; font-size:18px; margin-right:15px; margin-bottom:10px; } .rsgppopup .soloprice .price.old{ margin-right:25px; } /* catalog.element -> popup -> description */ .rsgppopup .description{ font-family:Opensanslight,Arial,Helvetica,sans-serif; color:#484848; margin-top:30px; } .rsgppopup .description .text{ overflow:hidden; } .rsgppopup .description .more{ text-decoration:underline; } .rsgppopup .description .more:hover{ text-decoration:none; } /* /catalog.element -> popup -> description */ /* catalog.element -> popup -> properties */ .rsgppopup .propvision1 .offer_prop .offer_prop-name{ font-family:Opensanslight,Arial,Helvetica,sans-serif; color:#484848; margin-right:5px; } /* /catalog.element -> popup -> properties */ /* catalog.element -> popup -> add2basket */ .rsgppopup .buy{ margin-top:20px; } .rsgppopup .buy .quantity{ margin-top:3px; } .rsgppopup .add2basket, .rsgppopup .inbasket{ float:right; padding:4px 8px; } /* /catalog.element -> popup -> add2basket */ /* catalog.element -> popup -> compare */ .rsgppopup .compare{ margin-top:12px; } /* /catalog.element -> popup -> compare */ /* catalog.element -> popup -> favorite & share */ .rsgppopup .favorishare{ margin-top:5px; } .rsgppopup .add2favorite{ color:#666666; font-size:11px; text-decoration:none; } .rsgppopup .add2favorite:hover{ color:#214496; text-decoration:underline; } .rsgppopup .add2favorite .icon, .rsgppopup .add2favorite .counter{ margin-right:3px; } .rsgppopup .add2favorite .icon{ width:12px; height:10px; margin-bottom:2px; background-position:0px -629px; } .rsgppopup .add2favorite.in .icon{ background-position:-12px -629px; } .rsgppopup .share{ float:right; } .rsgppopup .share .b-share-icon{ height:10px; background-repeat:no-repeat; } .rsgppopup .share .b-share{ padding:1px 0px!important; } .rsgppopup .share .b-share__handle{ padding:5px 3px 1px 7px!important; } .rsgppopup .share a .b-share-icon.b-share-icon_vkontakte{ width:9px; background-position:0px -301px; } .rsgppopup .share a:hover .b-share-icon.b-share-icon_vkontakte{ background-position:-9px -301px; } .rsgppopup .share a .b-share-icon.b-share-icon_facebook{ width:6px; background-position:0px -291px; } .rsgppopup .share a:hover .b-share-icon.b-share-icon_facebook{ background-position:-6px -291px; } .rsgppopup .share a .b-share-icon.b-share-icon_twitter{ width:8px; background-position:0px -311px; } .rsgppopup .share a:hover .b-share-icon.b-share-icon_twitter{ background-position:-8px -311px; } .rsgppopup .share a.email2friend .icon{ width:14px; height:10px; background-position:0px -280px; } .rsgppopup .share a.email2friend:hover .icon{ background-position:-14px -280px; } .rsgppopup .favorite{ float:left; } /* /catalog.element -> popup -> favorite & share */ /* /catalog.element -> popup */.glass{ position:relative; display:inline-block; //display:inline; //zoom:1; } .glass_lupa{ position:absolute; top:0; left:0; display:none; width:295px; height:295px; border:4px solid #F2F2F2; cursor:pointer; z-index:110; background-color:#fff; } .js_picture_glass{ cursor:pointer; }.submenuItem { float:left; margin-right: 20px; width: 240px; } .textSubmenu { text-align: center; height: 80px; } .submenulist { margin-bottom: 2em; } .imgSubmenu { width: 240px; height: 140px; } .imgSubmenu img { max-width: 240px; max-height: 140px; text-align: center; display: block; margin-left: auto; margin-right: auto; vertical-align: middle; } @media (max-width: 720px) { .imgSubmenu{ width: 100%; height: auto } .imgSubmenu img { max-width: 100%; max-height: 100%; } .submenuItem { width: 100%; margin-right: 0px; } } .wrapper { max-width: 366px; margin: auto; } /** Carousel **/ .card__preview .wrapper .jcarousel { position: relative; overflow: hidden; width: 100%; } .card__preview .wrapper .jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0 !important; padding: 0 !important; } .card__preview .wrapper .jcarousel li { width: 200px; float: left; border: 1px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .card__preview .wrapper .jcarousel img { display: block; max-width: 100%; height: auto !important; } /** Carousel Controls **/ .card__preview .wrapper .jcarousel-control-prev, .card__preview .wrapper .jcarousel-control-next { min-height: 0px; position: absolute; top: 82%; padding: 0px; margin-top: -15px; width: 30px; height: 30px; text-align: center; background: #284f99; color: #fff; text-decoration: none; text-shadow: 0 0 1px #000; font: 31px/27px Arial, sans-serif; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .card__preview .wrapper .jcarousel-control-prev { left: 15px; } .card__preview .wrapper .jcarousel-control-next { right: 15px; } /** Carousel Pagination **/ .card__preview .wrapper .jcarousel-pagination { position: absolute; bottom: -40px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); margin: 0; } .card__preview .wrapper .jcarousel-pagination a { text-decoration: none; display: inline-block; font-size: 11px; height: 10px; width: 10px; line-height: 10px; background: #fff; color: #4E443C; border-radius: 10px; text-indent: -9999px; margin-right: 7px; -webkit-box-shadow: 0 0 2px #4E443C; -moz-box-shadow: 0 0 2px #4E443C; box-shadow: 0 0 2px #4E443C; } .card__preview .wrapper .jcarousel-pagination a.active { background: #4E443C; color: #fff; opacity: 1; -webkit-box-shadow: 0 0 2px #F0EFE7; -moz-box-shadow: 0 0 2px #F0EFE7; box-shadow: 0 0 2px #F0EFE7; } #BUY_1_CLICK tr td:first-child { padding-right: 10px; } #BUY_1_CLICK .label_field { white-space: nowrap; } #GET_ME_PRICE tr td:first-child { padding-right: 10px; } .getMePriceForGood { background: #e2001a; color: #fff; text-transform: uppercase; display: inline-block; padding: 0.5em 4.5em; font-size: 1em; font-weight: bold; text-decoration: none; } .getMePriceForGoodList { background: #e2001a; color: #fff; text-transform: uppercase; padding: 0.5em 0; font-size: 1em; font-weight: bold; text-decoration: none; width: 90%; display: none; text-align: center; margin: 0 auto; margin-top: 10px; } .showcase .js-element:hover .getMePriceForGoodList { display: block; } @media screen and (min-width:990px) { .getMePriceForGood { //margin-left: 20px; } } @media screen and (max-width:990px) { .getMePriceForGood { margin-left: 0px; margin-top: 1em; padding: 0.5em 5.9em; } }