html { font-size: 12px; }
body { background-color: #eee; font-size: 14px; line-height: 1.4; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif; font-weight: 400; }
.page-container { margin: 0 auto; max-width: 1230px; background-color: #fff; }
.container { max-width: 1140px; width: 100% }
@media (min-width: 1200px) {
.container { padding-left: 0; padding-right: 0; }
}
.clearfix:before, .clearfix:after { content: " "; display: table; }
.header { position: relative; z-index: 2; border-bottom: 4px solid #0057af; }
.header-top-menu { background-color: #31353d; color: #eee; font-size: 11px }
.header-top-menu ul, .header-top-menu li { margin: 0; padding: 0; list-style: none; }
.header-top-menu ul { float: right; }
.header-top-menu li { float: left; line-height: 38px; padding-left: 15px; }
.header-top-menu a { display: inline-block; color: #a4aab3; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.header-top-menu a:hover { color: #3498db; }
.header-top { position: relative; z-index: 2; padding-bottom: 15px }
.header .logo { float: left; margin-right: 15px; }
.header .logo a { float: left; text-decoration: none; color: #ccc; font-size: 24px; }
.header .logo a:hover { color: #aaa; }
.header .logo img { float: left; width: 100px; height: 100px }
.header .logo-block { padding-top: 15px; }
.header .slogan { color: #aaa; font-family: "Open Sans", sans-serif; }
.header .phone { font-size: 20px; line-height: 38px; }
.header .phone i { color: #3498db; }
.header .contact-block p { margin-bottom: 10px; font-size: 24px }
.header .search-block { padding-top: 15px; }
.header .search-block form { float: left; width: 100%; border: 1px solid #efefef; position: relative; background: #efefef; padding-right: 50px; }
.header .search-block input { display: inline-block; padding: 10px 10px 10px 13px; height: 45px; border: none; background: none; }
.header .search-block button { background: #efefef; display: block; position: absolute; top: -1px; right: -1px; border: none; color: #c5c5c5; width: 46px; height: 46px; text-align: center; font-size: 26px; padding: 4px 0 3px 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.header .search-block button:hover { color: #6f6f6f; }
.header .cart-block { padding-top: 15px; }
.header .cart-block .shop-cart { position: relative; }
.header .cart-block .shop-cart > a { display: block; padding: 10px 15px; height: 46px; background: #31353d; overflow: hidden; color: #fff; text-decoration: none; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.header .cart-block .shop-cart > a:hover { background-color: #0057af; }
.header .cart-block .shop-cart > a .fa { color: #fff; font-size: 23px; margin-right: 10px; }
.header .cart-block .shop-cart > a b { color: #fff; }
.header .cart-block .shop-cart #cartInner { position: absolute; top: 100%; left: 0; width: 100%; background-color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); }
.header .cart-block .shop-cart #cartInner form { padding: 15px; }
.header .cart-block .shop-cart .products .product .remove { position: absolute; top: 0; right: 0; color: #777; }
.header .cart-block .shop-cart .products .product .remove:hover { color: #c00 }
.header .cart-block .shop-cart .total-summ { padding: 15px 0; text-align: right; }
#stuffHelper { position: absolute; z-index: 9; padding: 10px; background-color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); }
@media (min-width: 768px) {
.header .search-block, .header .cart-block { padding-top: 40px; padding-left: 0; }
}
@media (max-width: 768px) {
.header .contact-block { float: none; }
.header .contact-block p { padding: 10px 10px 0 0; margin: 0; font-size: 24px; }
.header .slogan { float: left; }
.header .logo img { width: 60px; height: 60px; }
}
@media (max-width: 640px) {
.header-top-menu li { line-height: 2em }
}
.header nav { position: relative; z-index: 1; }
.header nav ul, header nav li { margin: 0; padding: 0; list-style: none }
.header nav a { color: #c3e1ff; font-size: 17px; text-decoration: none }
.header nav a:hover, .header nav .active > a { color: #fff; }
.header nav > ul { display: table; table-layout: fixed; width: 100%; color: #fff; background-color: #31353d; }
.header nav > ul > li { display: table-cell; vertical-align: top; line-height: 14px; font-size: 14px; border-left: 1px solid #44474e; -webkit-transition: background-color .2s linear; transition: background-color .2s linear; transition-delay: .15s }
.header nav:hover > ul > li.active:not(:hover) { background-color: inherit }
.header nav > ul > li:first-child { border: none }
.header nav > ul > li:hover, .header nav > ul > li.active { background-color: #0057af; }
.header nav > ul > li > a { display: block; padding: 10px 20px; color: #fff; font-size: 12px; text-align: center }
.header nav > ul > li > a img { display: block; margin: 0 auto 10px; }
.header nav > ul > li > div { display: block; overflow: hidden; position: absolute; top: 100%; left: 0; right: 0; width: 100%; background-color: #0057af; opacity: 0; visibility: hidden; -webkit-transition: opacity .15s linear, visibility .15s linear; transition: opacity .15s linear, visibility .15s linear; transition-delay: 0s; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25); }
.header nav > ul > li:hover > div { opacity: 1; visibility: visible; transition-delay: .5s }
.header nav > ul > li > div > ul { padding: 40px; }
.header nav > ul > li > div > h3 { margin: 0; padding: 20px 40px 0; font-weight: 700; }
.header nav > ul > li > div > ul > li { position: relative; display: inline-block; width: 33.333%; vertical-align: top; }
.header nav > ul > li > div > ul > li a { display: inline-block; padding: 8px 10px 10px 23px; margin-right: 5px; }
.header nav > ul > li > div > ul > li a > i { position: absolute; left: 8px; top: 50%; margin-top: -.6em; width: 1.3em; font-size: 10px; vertical-align: 1px; color: #fff; }
.header nav > ul > li > div > ul > li a:hover, .header nav > ul > li > div li.active > a { background-color: #1a68b7; }
@media (max-width: 768px) {
.header nav { margin: 0 15px }
.header nav > h4 { margin: 0; padding: 0 15px; line-height: 68px; background-color: #0057af; color: #fff; font-weight: 700; font-size: 28px }
.header nav > ul { display: none; position: absolute; top: 100%; left: 0; }
.header nav > ul > li { display: block }
.header nav > ul > li:hover, .header nav > ul > li.active { background-color: inherit }
.header nav > ul > li > a { position: relative; display: table; width: 100%; padding: 10px 75px 10px 15px; text-align: left; font-size: 16px; }
.header nav > ul > li > a span { display: table-cell; vertical-align: middle; }
.header nav > ul > li > a span:first-child { width: 65px }
.header nav > ul > li > a img { display: inline-block; margin: 0 15px 0 0; }
.header nav > ul > li > a i, .header nav > h4 .fa-plus { position: absolute; top: 0; right: 0; width: 50px; height: 100%; line-height: 68px; text-align: center; font-size: 16px; cursor: pointer }
.header nav > ul > li > a i:hover { background-color: #0057af }
.header nav > ul > li > a::after { content: ''; display: table; width: 100% }
.header nav > ul > li > div { display: none; opacity: 1; visibility: visible; position: relative; box-shadow: none; -webkit-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease; transition-delay: 0s !important }
.header nav > ul > li > div.collaplsing { display: block; }
.header nav > ul > li > div > h3 { display: none }
.header nav > ul > li > div > ul { padding: 15px }
.header nav > ul > li > div > ul > li, .header nav > ul > li > div > ul > li a { display: block; width: 100% }
.header .cart-block .shop-cart > a { font-size: 19px }
}
.ajaxsearch-results { position: absolute; left: 0; top: 100%; right: 0; padding: 0 15px 15px; background-color: #fff; box-shadow: 0 10px 10px rgba(0, 0, 0, .5); }
.ajaxsearch-results .btn-ajaxsearch-close { float: right; }
.ajaxsearch-results .ajaxsearch-results-outer { overflow: hidden; overflow-y: auto; max-height: calc(50vh - 200px); clear: both; }
.ajaxsearch-results .results { padding: 0 15px 15px }
.ajaxsearch-results .results a { display: block; padding: 0 0 5px }
.collapsing { display: block !important; position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease }
.header .menu-products { overflow: hidden; height: 200px; }
.header .menu-products .product { position: relative; float: left; width: 100%; color: #444; background-color: #fff; text-decoration: none; }
.header .menu-products .image { text-align: center; height: 125px; }
.header .menu-products .image img { display: inline-block; height: 100%; }
.header .menu-products .title { padding: 0 20px 10px; font-weight: 700; }
.header .menu-products .price { padding: 0 20px; color: #0057af; font-weight: 700; }
.header .unslider .unslider-menu-products { background-color: #fff; margin: 0 -15px; }
.header .unslider .unslider-nav { display: block; position: absolute; right: 5px; bottom: 5px; padding: 5px; }
.header .unslider .unslider-nav li { display: inline-block; position: relative; overflow: hidden; width: 15px; height: 15px; margin-left: 10px; border: 4px solid #c5c5c5; border-radius: 50%; background-color: #fff; text-indent: -50px; cursor: pointer }
.header .unslider .unslider-nav li.unslider-active { border-color: #0057af }
.columns { padding-top: 25px; padding-bottom: 25px; }
h1.pagetitle { margin-bottom: .5em }
.main { position: relative; z-index: 1; }
.footer { background-color: #31353d; color: #747c8a }
.footer a { color: #747c8a; text-decoration: none; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.footer a:hover { color: #fff; }
.footer .container { padding-bottom: 45px }
.footer section { padding-top: 60px; }
.footer h4 { margin-bottom: 15px; font-size: 13px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #fff; }
.footer ul, .footer li { padding: 0; margin: 0; list-style: none }
.footer .copyrights { height: 55px; padding: 20px 30px; background-color: #24272d; }
.breadcrumbs .breadcrumb { display: inline-block; padding: 0; font-size: 12px; border: 1px solid #f4f5f5; }
.breadcrumbs .breadcrumb li.home a { width: 16px; font-size: 17px; vertical-align: text-bottom }
.breadcrumbs .breadcrumb li.home span { display: none; }
.breadcrumbs .breadcrumb li.active { background-color: #f6f6f6 }
.breadcrumbs .breadcrumb li { float: left; height: 24px; line-height: 22px; padding: 0 15px 0 15px; background-color: #fff; border-right: 1px solid #f4f5f5 }
.breadcrumbs .breadcrumb li a { text-decoration: none; color: #777; }
.breadcrumbs .breadcrumb li a:hover { color: #444 }
.categories.row { margin: 0 -10px 20px; }
.index .categories.row { margin-top: 20px }
.categories .category { padding: 10px }
.categories .category-block { padding: 20px; height: 100% }
.categories .category-image { float: left; margin-right: 15px; }
.categories .category-image img { display: inline-block; max-width: 100%; }
.products-bar { border-bottom: 1px solid #f4f5f5; padding: 12px 0; }
.sorting { float: left; }
.sorting label, .sorting select { display: inline-block; width: auto; margin-right: 10px; }
.sorting label { font-weight: 700 }
.view-switcher { float: right; }
.view-switcher span { font-size: 14px; color: #aaafb9; margin-left: 8px; }
.view-switcher span:hover, .view-switcher span.active { color: #0057af }
.products .product { position: relative; display: inline-block; float: none; padding: 15px; vertical-align: top; border-bottom: 1px solid #f4f5f5; border-right: 1px solid #f4f5f5; }
.products .product .block-top, .categories .category-block { position: relative; border: 1px solid #f4f5f5; transition: border-color .3s }
.products .product:nth-child(3n) { border-right: none }
.full-width .products .product:nth-child(3n) { border-right: 1px solid #f4f5f5; }
.full-width .products .product:nth-child(4n) { border-right: none }
.products .product-image a { display: block; text-align: center; padding: 30px; }
.products .product-image img { display: inline-block; max-width: 100%; height: auto; }
.products .block-price, .product-single .block-price { position: relative; padding: 5px 0 15px; }
.products .product-price.price, .product-single .product-price.price { font-family: "Open Sans", sans-serif; font-weight: 600; font-size: 24px; line-height: 35px; color: #0057af; }
.products .product-price.old-price, .product-single .product-price.old-price { color: #31353d; text-decoration: line-through; }
.products .product-price.notsale { font-weight: 600; font-size: 16px; line-height: 35px; color: #c00; }
.products .product-percent, .product-single .product-percent { position: absolute; top: 10px; right: 15px; color: #c00; font-weight: 700; font-size: 20px; }
.products .product-name, .categories .category-title { font-weight: 600; font-size: 17px; }
.products .product-name a, .categories .category-title a { text-decoration: none; color: #31353d; transition: color .3s }
.products .product-name a:hover, .categories .category-title a:hover { color: #0057af; }
.products .product-description, .categories .category-description, .product-single .product-description { font-size: 13px; color: #bcbcbc; transition: color .5s }
.products .product:hover .product-description, .categories .category:hover .category-description { color: #777 }
.products .product:hover .block-top, .categories .category:hover .category-block { border-color: #ddd }
.products .block-cart-padding { height: 50px }
.products .block-cart { position: absolute; left: 15px; right: 15px; bottom: 15px; }
.products .block-cart button, .product-single .block-to-cart button { position: relative; display: block; width: 100%; color: #3e454c; background: #e8e8e8; border: 1px solid #e8e8e8; padding: 10px 15px 10px 49px; white-space: normal; cursor: pointer; text-transform: uppercase; outline: none !important; border-radius: 0; box-shadow: none !important; transition: .5s }
.products .block-cart button:hover, .product-single .block-to-cart button:hover { background-color: #fff; }
.products .block-cart button i, .product-single .block-to-cart button i { position: absolute; top: -1px; left: -1px; bottom: -1px; width: 36px; line-height: 34px; font-size: 19px; background-color: #31353d; color: #fff; transition: .5s }
.products .block-cart button:hover i, .product-single .block-to-cart button:hover i { background-color: #0057af }
.list .product { width: 100% !important; -webkit-flex: 0 0 100% !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; border-right: none; }
.list .product .block-top, .list .product .block-bottom { float: left; width: 30% }
.list .product .block-bottom { padding: 15px 15px 0; width: 50% }
.list .product .block-price { float: right; text-align: right; width: 20% }
.list .product .block-cart { left: auto; right: 15px; }
.list .product .product-price.old-price { float: left; }
.list .product .product-percent { top: -10px; right: 0; }
.tech_attr { display: block; margin-bottom: 10px; }
.tech_attr span { display: inline-block; cursor: default; background: #a0a0a0; color: #333; padding: 0 0.5em; margin: 0 1px 0 0; text-transform: uppercase; font-size: 10px; line-height: 1.7 }
.tech_attr .ta_new { background: #49bb77 }
.tech_attr .ta_solemyo { background: #ffb800 }
.tech_attr .ta_opera { background: #7bb9e2 }
.tech_attr .ta_bluebus { background: #024bbc; color: #fff; }
.product .new-box, .product .sale-box { position: absolute; top: -4px; overflow: hidden; height: 85px; width: 85px; text-align: center; z-index: 0; pointer-events: none; }
.product .sale-box { right: -5px; }
.product .new-box { left: -5px; }
.product .sale-label { font: 600 14px/12px "Open Sans", sans-serif; letter-spacing: 0.02em; color: #fff; background: #f13340; text-transform: uppercase; padding: 9px 0 7px; text-shadow: 1px 1px rgba(0, 0, 0, 0.24); width: 130px; text-align: center; display: block; position: absolute; right: -33px; top: 16px; z-index: 1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.product .sale-label:before { position: absolute; bottom: -3px; right: 4px; width: 0; height: 0; border-style: solid; border-width: 4px 4px 0 4px; border-color: #ad2b34 #0000 #0000 #0000; content: "."; text-indent: -5000px; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.product .sale-label:after { position: absolute; bottom: -3px; left: 5px; width: 0; height: 0; border-style: solid; border-width: 4px 4px 0 4px; border-color: #ad2b34 #0000 #0000 #0000; content: "."; text-indent: -5000px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
.product .new-label { font: 600 14px/12px "Open Sans", sans-serif; letter-spacing: 0.02em; color: white; background: #0057af; text-transform: uppercase; padding: 9px 0 7px; text-shadow: 1px 1px rgba(0, 0, 0, 0.24); width: 130px; text-align: center; display: block; position: absolute; left: -33px; top: 16px; z-index: 1; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.product .new-label:before { position: absolute; bottom: -3px; right: 5px; width: 0; height: 0; border-style: solid; border-width: 4px 4px 0 4px; border-color: #003b77 transparent transparent transparent; content: "."; text-indent: -5000px; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.product .new-label:after { position: absolute; bottom: -3px; left: 3px; width: 0; height: 0; border-style: solid; border-width: 4px 4px 0 4px; border-color: #003b77 transparent transparent transparent; content: "."; text-indent: -5000px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
.pagination-bottom { clear: both; padding: 15px; font-size: 16px }
.pagination .page-link { border-radius: 0 !important; min-width: 40px; text-align: center; }
.pagination .page-link.active, .pagination .page-link:hover { border-color: #0057af; background-color: #0057af; color: #fff !important; }
.products.products-small .product { display: block; margin: 0 0 12px; padding: 0; border: none; border-bottom: 1px solid #f4f5f5 }
.products.products-small .image { padding: 0 }
.products.products-small .image img { display: inline-block; max-width: 100% }
.products.products-small .title { font-weight: 700; line-height: 1em; padding: 0 }
.products.products-small .title a { color: #444; text-decoration: none; transition: all 0.3s ease }
.products.products-small .title a:hover, header .shopping-cart .products .product .title a:hover { color: #0057af }
.products.products-small .price { color: #777; font-weight: 400; white-space: nowrap }
.products.products-small .price strong { color: #0057af }
.product-single .pagetitle { font-size: 20px; }
.product-single .instruction { margin-top: 15px; }
.product-single .product-description { padding: 15px 0; color: #777 }
.product-single .block-images { position: relative; border: 1px solid #f4f5f5; }
.product-single .product-image { text-align: center; }
.product-single .product-image img { display: inline-block; max-width: 100%; }
.product-single .block-right { float: left; width: 70%; }
.product-single .block-price { font-size: 20px; padding: 20px; }
.product-single .product-price.price { display: block; text-align: right; font-size: 28px; }
.product-single .product-price.old-price { position: absolute; top: 5px; left: 15px; font-size: 12px; }
.product-single .product-percent { top: 5px; font-size: 12px; }
.product-single .block-cart { border: 1px solid #f4f5f5; background-color: #fefefe }
.product-single .block-to-cart, .product-single .block-quantity { padding: 15px; text-align: center; border-top: 1px solid #f4f5f5; box-shadow: inset 0 6px 6px rgba(0, 0, 0, .05); }
.product-single .block-quantity { text-align: left; }
.product-single .block-quantity .input-group-btn { display: inline-block; }
.product-single .block-quantity label { display: block }
.product-single .block-quantity input { width: 40%; float: left; }
.product-single .block-quantity .btn { position: relative; float: left; margin-left: 2px; }
.product-single .block-quantity .btn i { position: relative; z-index: 1; color: #777; }
.product-single .block-quantity .btn:hover i { color: #333; }
.product-single .block-quantity .btn::before { position: absolute; z-index: 0; content: ''; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #fff; }
.product-single .block-quantity .btn:hover::before { background-color: #f4f5f5 }
.product-single .nav-tabs { border-color: #eee; }
.product-single .nav-tabs .nav-item a, .product-single .nav-tabs .nav-link { padding: 10px 20px; }
/*.product-single .nav-tabs .nav-item a.active { border: 1px solid #eee; border-bottom-color: #fff; background-color: #fefefe }*/
.product-single .tab-pane { padding: 15px; border: 1px solid #eee; border-top: none; background-color: #fefefe }
.product-single .tab-pane table caption { caption-side: top; }
.product-single .tab-pane .print-smeta { font-size: 13px }
.product-single .accessuary, .product-single .similar_products { margin-top: 2rem }
.product-single .accessuary ul, .product-single .accessuary li, .product-single .similar_products ul, .product-single .similar_products li { margin: 0; padding: 0; list-style: none; }
.product-single .accessuary ul, .product-single .similar_products ul { padding: 15px; border: 1px solid #eee; background-color: #fefefe; }
.product-single .accessuary li, .product-single .similar_products li { display: inline-block; width: 20%; padding: 0 10px 20px; vertical-align: top; }
.product-single .accessuary h4, .product-single .similar_products h4 { font-size: 14px; }
.product-single .accessuary .link_img, .product-single .similar_products .link_img { display: block; text-align: center; }
.product-single .accessuary .price, .product-single .similar_products .price { text-align: right; font-size: 18px; font-weight: 700; color: #0057af }
#smeta tr.active { background-color: #fff6f5; color: #d9534f }
.complect { overflow: hidden; }
.complect h3 { background-color: #eee; clear: right !important; font-size: 16px; padding: 5px; }
.complect .overflow-y { max-height: 400px; overflow: hidden; overflow-y: auto; padding: 0 1rem }
.complect table { width: 100% }
.complect td { position: relative; vertical-align: middle !important }
.complect.complect-items td::before { position: absolute; z-index: 0; top: 50%; left: 0; width: 100%; display: block; content: ""; border-bottom: 1px #ccc dotted }
.complect a, .complect span { position: relative; z-index: 1; display: inline-block; padding: 1rem; background-color: #fefefe }
.complect .image { width: 50px }
.complect .image img { position: relative; z-index: 1; display: inline-block; width: 100%; height: auto }
.complect .count { text-align: right; white-space: nowrap; font-size: 14px; font-weight: 700 }
.complect .complect-total, .complect .complect-price { display: none; font-size: 16px; font-weight: 700; text-align: right }
.complect .complect-total { text-decoration: line-through; color: red; font-size: 12px; font-weight: 400; border-top: 1px solid #ccc; padding-top: 10px; }
@media (max-width: 990px) {
.complect { margin-top: 2rem }
.product-single .accessuary li, .product-single .similar_products li { width: 25%; }
}
@media (max-width: 768px) {
.product-single .accessuary li, .product-single .similar_products li { width: 33.3333%; }
}
@media (max-width: 560px) {
.product-single .accessuary li, .product-single .similar_products li { width: 50%; }
}
.list.card .card-header { position: relative; padding: 10px 30px 10px 45px }
.list.card .card-header i.fa.fa-plus, .card-header i.fa.fa-file-pdf-o, .list.card .nav-link .fa { position: absolute; top: 50%; margin-top: -10px }
.list.card .card-header i.fa.fa-file-pdf-o { left: 10px; }
.list.card .card-header i.fa.fa-plus { right: 15px; }
.list.card .nav-link { position: relative; padding: 0.5em 0 0.5em 30px; }
.list.card .nav-link .fa { left: 0; margin-top: -7px }
/* filter */
.extrafilter > div { padding: 15px 0; }
.extrafilter.collapse { display: block }
.widget-title { margin: 0; }
.widget-title .fa { float: right }
.widget-filter .widget { margin-bottom: 1rem; }
.widget-filter .widget:last-child { margin-bottom: 0 }
.widget-filter .widget-subtitle { position: relative; padding: 0.5rem 0; font-weight: 700 }
.widget-filter .ef-slider-values { text-align: center }
.widget-filter .params-value input[type=checkbox] { position: absolute; z-index: -1; visibility: hidden; opacity: 0; }
.widget-filter .params-value label { position: relative; z-index: 1; }
.widget-filter .irs, .widget-filter .irs-slider-data { position: relative }
.widget-filter .irs, .widget-filter .irs span { display: block; z-index: 1 }
.widget-filter .irs-slider-data, .widget-filter .irs .irs { height: 20px; }
.widget-filter .irs-line, .widget-filter .irs-bar { position: absolute; top: 5px; right: 5px; left: 5px; height: 6px; background-color: #eee }
.widget-filter .irs-bar { background-color: #0057af }
.widget-filter .irs-slider { border-radius: 50%; box-sizing: border-box; cursor: ew-resize; opacity: 1; outline: medium none; position: absolute; z-index: 2; top: 0; height: 15px; width: 15px; background-color: #0057af }
.widget-filter .irs-slider:last-child { border: 3px solid #0057af; background-color: #fff; }
.widget-filter .irs-slider:hover { box-shadow: 0 0 0 0.236em rgba(0, 0, 0, 0.1); }
.widget-filter .irs-slider.type_last { z-index: 2 }
.widget-filter .irs-hidden-input { display: none }
.widget-filter .irs-slider-data .irs-line { left: 0; right: 0 }
.widget-filter .count { float: right; padding: 0 7px; font-size: .8em; background-color: #31353d; border-radius: 8px; color: #fff; }
.widget-filter .ef-param-selected .ef-delete-all::after { float: right; font: 100 14px/14px "FontAwesome"; text-align: center; content: "\f057"; color: #c00; cursor: pointer; }
.widget-filter .ef-slider-from, .widget-filter .ef-slider-to { font-weight: 100; font-size: 15px; }
/* tabs */
.nav-tabs > li { float: left; }
.nav-tabs-outer { overflow: hidden; overflow-x: auto }
.home-page-tabs { border: none; background: #31353d; }
.home-page-tabs .nav-item, .index .home-page-tabs > a { margin: 0; border: none; border-left: 1px solid #44474e; }
.home-page-tabs > .nav-item a, .home-page-tabs > h1, .home-page-tabs > .title, .index .home-page-tabs > a { display: block; height: 100%; font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 600; line-height: 20px; color: #fff; text-transform: uppercase; text-decoration: none; outline: none; margin: 0; padding: 20px 30px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.home-page-tabs > .nav-item a.active, .home-page-tabs > .nav-item a:hover, .index .home-page-tabs > a.active, .index .home-page-tabs > a:hover { background: #0057af; color: #fff; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.home-page-tabs > h1, .home-page-tabs > .title, .index .home-page-tabs > a:first-child, .home-page-tabs > .nav-item:first-child { border: none; }
.blue-page-tabs { background-color: #0057af }
.home-tab-content { margin: 25px 0 30px; border-top: 1px solid #f4f5f5; }
.index .nav-tabs-outer .home-page-tabs { min-width: 500px }
.index .home-page-tabs { display: table; width: 100%; table-layout: fixed }
.index .home-page-tabs > a { display: table-cell; }
.index .home-page-tabs .nav-item, .index .home-page-tabs > a { float: none; display: table-cell; vertical-align: middle; text-align: center }
.index .home-page-tabs h1 { text-align: center }
/* utils */
#loading, #shkLoading { position: fixed; z-index: 99999; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; background-color: rgba(0, 0, 0, 0.09); }
#loading i, #shkLoading::before { display: block; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; text-align: center; color: #0057af; }
#scrollTop { position: fixed; z-index: 10; right: -58px; bottom: 10px; width: 48px; height: 48px; line-height: 48px; text-align: center; font-size: 2em; color: #fff; border-radius: 50%; background-color: #0057af; cursor: pointer; transition: right 0.3s ease; }
#scrollTop i { vertical-align: 3px }
.scrolled #scrollTop { right: 10px }
/* tags */
.tags { padding: 15px 0; font-size: 12px; font-weight: 700; }
.tags::before { content: "\f02c"; font: 100 10px/14px "FontAwesome"; margin-right: 5px }
.tags a { font-weight: 100 }
.tags a, .tags strong { display: inline-block; margin: 0 5px 5px 0; padding: 0 5px 3px; text-decoration: none; border: 1px solid #f6f6f6; color: #444; transition: .5s }
.tags a:hover, .tags strong { background-color: #0057af; border-color: #0057af; color: #fff; }
.tags .btn { color: #fff; padding: 5px 10px; clear: both }
/* bs */
img { max-width: 100%; height: auto }
.form-control, .btn { border-radius: 0; }
.btn-primary { color: #fff; background-color: #0057af; border-color: #0057af; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { color: #fff; background-color: #31353d; border-color: #31353d; }
.form-label-check { display: inline-block; overflow: hidden; width: 15px; height: 15px; line-height: 1; margin-right: .5rem;
cursor: default; background-color: #eee; border: 1px solid #ccc; vertical-align: -2px; }
input[type=checkbox] + label { cursor: pointer }
input[type=checkbox]:checked + label > .form-label-check { background-color: #fff; }
input[type=checkbox]:checked + label > .form-label-check::after { content: "\f00c"; font: 100 14px/14px "FontAwesome"; }
input[type=checkbox]:checked + label, input[type=checkbox] + label:hover { color: #0057af; }
.form-label-check input { position: absolute; visibility: hidden; opacity: 0; }
@media (max-width: 768px) {
.left-column { padding: 15px 30px; border-bottom: 4px solid #31353d; background-color: #f6f6f6; }
.center-column { margin-top: 15px }
.index .center-column { margin-top: -10px }
.extrafilter.collapse, .left-column > * { display: none }
.extrafilter.collapse.show, .left-column > .widget-filter { display: block }
.widget-title { font-weight: 700 }
#unslider { display: none }
}
/* cart order */
.cart-order { font-size: 16px; }
.cart-order td { vertical-align: middle; }
.cart-order .shk-del { text-decoration: none; }
.cart-order .shk-count { display: inline-block; text-align: center; width: auto; }
#shopCart .block-total-price { text-align: right; font-size: 20px; }
#shopOrderForm td { padding-bottom: 7px; }
/* unislider */
#unslider { width: 100%; position: relative; z-index: 1; overflow: hidden }
#unslider > .unslider { margin: 0 auto }
#unslider .unslider.container { max-width: 100% }
.unslider { margin: 0 auto; }
.unslider ul { position: relative; overflow: hidden; }
.unslider li { position: absolute; z-index: 1; top: 0; width: 100%; max-height: 350px }
.unslider li:first-child { position: relative; z-index: 2 }
.unslider li img { max-width: 100%; display: inline-block; height: auto; }
.unslider .unslider-wrap li { position: relative }
.unslider-nav { display: none }
.unslider-arrow { position: absolute; top: 0; width: 2.5%; height: 100%; }
.unslider-arrow.prev { left: 0 }
.unslider-arrow.next { left: auto; right: 0 }
.unslider-arrow i { position: relative; top: 50%; width: 100%; margin-top: -1rem; font-size: 32px; color: #fff; text-align: center; background-color: #0057af; }
#tinymce { background-color: #fff !important }