/* Fonts */
@font-face { font-family:'Roboto'; src: url('../fonts/Roboto-Regular.ttf'); font-display:auto;}
@font-face { font-family:'Roboto Bold'; src: url('../fonts/Roboto-Bold.ttf'); font-display:auto;}

/* Common */
.grid-container {max-width:1285px;background:#f5f5f5;box-shadow:0 0 25px #ccc;padding:0;} 
.top-bar {padding:0;width:100%;}
.top-bar, .top-bar ul {background-color:transparent;}
.top-bar input {max-width:360px;}

.title-bar {width:100%;background:linear-gradient(to top,#4d4f50, #343637);}
.title-bar .menu-icon {margin:0 10px 0 0;}
.title-bar.green {background:#29b741;color:#fff;border-radius:5px;margin:10px 0 0;}
.title-bar.green button {width:100%;text-transform:uppercase;font-weight:bold;text-align:center;padding:5px;color:#fff;font-size:17px;}

.gslide-image {background: #fff !important;}

a {color:#e22024;}
input.inputbox {padding:2px 5px;height:auto;line-height:inherit;font-size:13px;border:1px solid #ccc;margin:5px 0;}
select.inputbox {padding:2px 5px;width:auto;line-height:auto;height:auto;font-size:13px;border:1px solid #ccc;margin:5px 0;}
input.button, button.button, a.button {padding:5px 12px 5px;height:auto;font-size:13px;background:#494b4c;border:1px solid #222;color:#fff;margin:5px 0;}
input.button:hover, button.button:hover, a.button:hover {background:#65be0e;border:1px solid #57a709;}
button i {margin:0 10px 0 0;}
input i {margin:0 10px 0 0;}
a.button i {margin:0 10px 0 0;}
button.button.big, a.button.big {padding:10px 25px;}

input::placeholder {color:#666;font-style: italic;opacity: 1;}

.button.grey {color:#000;background:#cfcfcf;border:1px solid #b9b9b9;}
.button.max {border:none;border-radius:5px;background:linear-gradient(90deg, rgba(65, 133, 246, 1) 0%, rgba(73, 48, 224, 1) 48%, rgba(150, 75, 218, 1) 98%);padding:5px 10px;}
.button.max:hover {border:none;background: linear-gradient(90deg, rgba(150, 75, 218, 1) 0%, rgba(73, 48, 224, 1) 50%, rgba(65, 133, 246, 1) 98%);padding:5px 10px;}
.button.max img {display: inline-block;width:22px;height:22px;margin:0 10px 0 0;}
.button.max strong {position:relative;top:2px;font-weight: normal;}

input[type="checkbox"] {-webkit-appearance: none;appearance: none;margin: 0;}
.checkmark {position: relative;top:-2px;display:inline-block;width: 20px;height: 20px;border: 2px solid #ccc;border-radius: 4px;cursor: pointer;vertical-align: middle;margin-right:10px;}
input[type="checkbox"]:checked + .checkmark {background-color: #494b4c; border-color: #494b4c;}
.checkmark::after {content: "";position: absolute;display: none; left: 6px;top: 2px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;transform: rotate(45deg);}
input[type="checkbox"]:checked + .checkmark::after {display: block;}

h1 {font-family:"Roboto",sans-serif;font-size:22px;margin:20px 10px 10px;text-transform:uppercase;}
h2 {font-size:22px;margin:15px 0 10px;}
h3 {font-size:20px;margin:25px 0 5px;}
h4 {font-size:18px;margin:0 0 5px;}
h5 {font-size:15px;margin:0;}
h6 {font-size:15px;margin:20px 0 0;font-weight:bold;}
p {margin:0 0 5px;}

h1.catalog {text-align:center;font-weight:600;margin:30px 0;padding: 0;}

h1.module {text-align:center;font-weight:600;}
h2.module {padding:5px 0;margin:20px 0;color:#222;text-align:center;font-weight:600;}
h3.module {padding:5px 0;margin:20px 0 5px;color:#222;text-align:center;font-weight:600;}

.tabs {background:#f5f5f5;}
.tabs-title > a {padding:10px 20px;color:#222;background:#eee;}
.tabs-title > a:hover {background:#f5f5f5;color:#e22024;}
.tabs-title > a:focus, .tabs-title > a[aria-selected="true"] {color:#222;background:#fff;}

.has-tip {font-weight:normal;}
.tooltip {font-size:12px;}

.no-js .top-bar {
  display: none;
}

@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }

  .no-js .title-bar {
    display: none;
  }
}



/* HTML */
body {background:url(../img/body.png);font-size:13px;}

.loading {position:fixed;width:100%;height:100%;z-index:100;background:#fff;}

header {}
header .grid-x > .mobile {padding:5px 0 !important;border-bottom:1px solid #eee;background:#fff;}
header p {margin:0;font-size:12px;}
header a.logo {display:block;font-family:'Roboto',sans-serif;font-size:20px;text-decoration:none;color:#e22024;line-height:30px;}
header span.slog {font-size:12px;}
header .customslogan {border-left: 1px solid #999;font-size:14px;padding: 0 0 0 20px;}
header .customphone p {color:#e22024;font-size:18px;line-height:24px;}
header a[href^="mailto"]{font-size:16px;}

header a.email {font-size:13px;color:#000;}

nav {background:linear-gradient(to top,#4d4f50, #343637);}
nav a {color:#fff;}
nav a:hover {color:#e22024;}
nav .menu .active > a {background-color:transparent;color:#e22024;}

@media screen and (min-width: 40em){
	header {background:url(../img/hdr.jpg) no-repeat top center;background-size:cover;border-bottom:none;}
	header a.logo {font-size:22px;}
}

@media print, screen and (min-width: 64em){
	header a.logo {font-size:24px;}
}

/* slider */
.slick-dotted.slick-slider {margin-bottom: 0;}

.slides {position:relative;margin:0;border-radius:5px;overflow:hidden;}
.slides .arrow {position:absolute;top:48%;font-size:24px;cursor:pointer;}
.slides .arrow.prev {left:20px;}
.slides .arrow.next {right:20px;}
.slides .container {}
.slides .container .slide {background-position:top right;background-repeat:no-repeat;padding:500px 0 0 0;background-color:#ecd19a;}
.slides .container .slide.dark {color:#fff;}
.slides .container .slide .table {display:table;height:auto;}
.slides .container .slide .tr {display:table-row;}
.slides .container .slide .td {display:table-cell;vertical-align:middle;max-width:500px;padding:30px 20px;}

.slides .container .slide h2 {font-weight:bold;font-size:32px;margin:20px 0;line-height:110%;}
.slides .container .slide p {font-size:18px;}
.slides .container .slide li {font-size:18px;}
.slides .container .slide a {display:inline-block;padding:5px 15px;background:#494b4c;color:#fff;transition:0.5s all;border-radius:5px;}
.slides .container .slide a:hover {background:#65be0e;}

@media print, screen and (min-width: 64em){
	.slides {margin:1px 0 0;}
	.slides .container .slide {background-position:center center;padding:0;}
	.slides .container .slide .table {height:500px;}
	.slides .container .slide .td {padding:0 50px;}
}

/* Cart */
.cart {padding:10px 20px;}
.cart i {margin:0 10px 0 0;}

/* Search */
.padding {padding: 5px 10px;}
.search {width:100%;position: relative;margin:0;padding:0;}
#search-form {margin:0;}
.mod-shop-search {position:relative;margin:0;}
.mod-shop-search input {border-radius:7px;line-height:26px;padding:0 10px;margin:0;}
.mod-shop-search input#search {width:100%;}
.mod-shop-search button {display:inline;width:auto;position:absolute;top:0;right:-1px;margin:0;border-radius:0 7px 7px 0;height:28px;line-height:28px;padding:0 20px;border:none;background: #545a5d;}
.mod-shop-search button:hover {background:#65be0e;border:none;}

#search-results {position:absolute;top:34px;overflow: hidden;width: 100%;background: #fff;border:1px solid #eee;border-radius: 0 0 5px 5px;z-index: 1000;display: none;}
#search-results .item {border-bottom:1px solid #eee;text-align:left;padding:10px 0;}
#search-results .item .image {height:100px;margin:0 10px;border:1px solid #eee;background-repeat: no-repeat;background-position: center center;background-size:contain;}
#search-results .item .name {color:#222;margin:5px 0;}
#search-results .item a:hover .name {color:#e22024;}
#search-results .item .ean {color:#666;font-size:12px;font-style: italic;}
#search-results .item .price {font-weight: bold;color:#222;}
#search-results .was-found {width:100%;padding:5px 10px;background:#494b4c;color:#fff;cursor: pointer;}
#search-results .was-found:hover {background:#65be0e;}
#search-results .no-results {padding:5px 10px;text-align:left;}

@media print, screen and (min-width: 64em){
	.padding {padding:0;}
	.search {padding:0;}
}

/* mod_catalog */
.cats {margin:20px 5px;}
.cats > .cell {padding:5px;}
.cats .cat {background-color: #fafafa;border:1px solid #eee;padding:10px;}
.cats .cat .image {height:200px;max-width:315px;background-repeat: no-repeat;background-size:contain;background-position: center center;background-color: #fff;border:1px solid #eee;cursor:pointer;}
.cats .cat .image:hover {border:1px solid #e22024;}
.cats .cat .info {padding:10px 10px 10px 20px;}
.cats .cat a.name {display:block;font-weight:bold;color:#333;font-size:17px;line-height:110%;margin:20px 0;}
.cats .cat a.name:hover {color:#e22024;}
.cats .cat .rel {position: relative;}
.cats ul.children {list-style:none;margin:0;padding:10px 20px;position:relative;top:0;left:0;width:100%;}
.cats ul.children.all {background:#fafafa;border:1px solid #eee;z-index: 1;}
.cats ul.children li {display: block;position: relative;}
.cats ul.children li:before {content:"-";display: block;position: absolute;top:-1px;left:-8px;}
.cats ul.children li.active {display:block;}
.cats ul.children li.show-more {color:#555;margin:5px 0;cursor: pointer;}
.cats ul.children li.show-more:before {display:none;}
.cats ul.children li.show-more b {background-color:#fafafa;cursor: pointer;font-weight:normal;border-bottom:1px dashed #555;padding:0 0 2px;}
.cats ul.children li.show-more b:hover {color:#000;}

.cats ul.children li.none {display:none;}
.cats ul.children li a {color:#333;}
.cats ul.children li a span {color:#29b741;}
.cats ul.children li a:hover {color:#e22024;}
.cats ul.children li a:hover span {color:#e22024;}

.cats .link {margin:10px 0 0;}
.cats .link span {cursor:pointer;border-bottom:1px dashed #555;padding:0 0 2px;color:#555;}
.cats .link span:hover {color:#e22024;border-bottom:1px dashed #e22024;}

@media print, screen and (min-width: 64em) {
	.cats .cat a.name {margin:0 0 12px;}
	.cats ul.children {position:absolute;}
}

/* Catalog  */

#catalog {flex-wrap:wrap;}

ul.catalog {background:#eee;margin:0 0 20px 0;list-style:none;padding:0;}
ul.catalog li {border-top:1px solid #fff;}
ul.catalog li a {font-size:13px;display:block;color:#494b4c;}
ul.catalog li.cat_0 {margin:0;padding:0;}
ul.catalog li.cat_0 a {text-transform:uppercase;padding:5px 10px;}
ul.catalog li.cat_1 {margin:0;padding:0;}
ul.catalog li.cat_1 a {padding:2px 10px 2px 15px;border-left:1px solid #222;}
ul.catalog li.cat_2 {margin:0;padding:0;}
ul.catalog li.cat_2 a {padding:2px 10px 2px 15px;}

ul.catalog li.cat_0.active a {background:#494b4c;color:#fff;}
ul.catalog li.cat_1.active a {background:#e22024;color:#fff;}
ul.catalog li.cat_2.active a {background:#e22024;color:#fff;}

ul.catalog li a:hover {background:#494b4c;color:#fff;}

ul.catalog li.cat_0.cat_197 a {border-right:15px solid #12b51d;position:relative;}
ul.catalog li.cat_0.cat_197 a:after {content:" ";width:7px;height:21px;background:url(../img/icon-new.png) no-repeat;display:block;position:absolute;top:5px;right:-11px;}

.custom.banner {padding:0;margin:0 0 20px;}
.banner img {display:block;width:100%;}

ul.breadcrumb {display:block;list-style:none;margin:0 0 10px;padding:5px 10px;background:#eee;}
ul.breadcrumb li {display:inline;font-size:13px;}
ul.breadcrumb li a {margin:0;}
ul.breadcrumb li a:after {content:"|";display:inline-block;margin:0 5px;color:#666;}

@media print, screen and (min-width: 64em) {
	ul.breadcrumb {margin:20px 0 10px;}
}

.categories {margin:0 !important;}
.categories > .cell {padding:5px;}
a.category {display:block;position:relative;border:1px solid #eee;transition:0.5s all;background:#fff;text-align:center;}
a.category .title {background-color:#fff;color:#222;display:block;padding:7px 10px;font-weight:bold;}
a.category:hover .title {color:#e22024;}

.catlist {padding:0 10px;}
.catlist a.cat {background-color:#fff;color:#222;display:block;padding:10px;border:1px solid #eee;text-align:center;transition:0.5s all;}
.catlist a.cat:hover {border:1px solid #e22024;}
.catlist a.cat span {display:block;margin:5px 0 0;}

.custom {padding:10px 15px;}

.help {padding:5px 10px;margin:0 10px 20px;border-left:3px solid #e22024;background:#fff;}

#sort_count {margin:20px 0;padding:5px 10px;background:#fff;}

.filters {padding:15px 10px 5px;border-left:3px solid #494b4c;margin:0 0 20px;background:#fff;}
.filters .inputbox {display:inline-block;width:100%;}
.filters .clear_filter {display:block;margin:0;border:1px solid #ddd;cursor:pointer;background:#eee;padding:5px 12px 5px;border-radius:3px;line-height:1;transition:0.5s all;}
.filters .clear_filter:hover {background:#dadada;}
#price_from {width:90px;}
#price_to {width:90px;}

.block_sorting_count_to_page {margin:15px 20px 10px 0;}
.box_products_sorting {margin:0 10px 0 0;}

.filter_characteristic {}
.filter_characteristic input {margin:0;}
.characteristic {margin:10px 10px 0 0;display:inline-block;padding:5px 0;}
.characteristic .name {margin:0 10px 0 0;display:inline-block;}

.filters .checkselect {position:relative;display:inline-block;text-align:left;width:100%;}
.filters .checkselect-control {position: relative;padding: 0 !important;}
.filters .checkselect-control select {position: relative;display: inline-block;width: 100%;margin: 0;padding-left: 5px;height: 30px;font-size:12px;}
.filters .checkselect-over {position: absolute;left: 0;right: 0;top: 0;bottom: 0; cursor: pointer;}
.filters .checkselect-popup {display: none;box-sizing: border-box;margin: 0;padding: 0;width: 100%;height: auto;max-height: 200px;position: absolute;top: 100%;left: 0px; border: 1px solid #dadada;border-top: none;background: #fff;z-index: 9999;overflow: auto;user-select: none;}
.filters .checkselect label {position: relative;display: block;margin: 0;padding: 4px 6px 4px 25px;font-weight: normal;font-size: 1em;line-height: 1.1;cursor: pointer;}
.filters  .checkselect-popup input {position: absolute;top: 5px; left: 8px;margin: 0 !important;padding: 0;}
.filters .checkselect-popup label:hover {background: #03a2ff;color: #fff;}
.filters .checkselect-popup fieldset {display: block;margin:  0;padding: 0;border: none;}
.filters  .checkselect-popup fieldset input {left: 15px;}
.filters .checkselect-popup fieldset label {padding-left: 32px;}
.filters .checkselect-popup legend {display: block;margin: 0;padding: 5px 8px;font-weight: 700;font-size: 1em;line-height: 1.1;}

.products {margin:0 -5px !important;}
.products > .cell {padding:5px;}

.product {position:relative;border:1px solid #eee;margin:0;background:#fff;padding:0 0 135px;}
.product:hover {border:1px solid #ddd;}
.product .name {background-color:#fff;padding:5px 10px;text-align:center;}
.product .name a {color:#222;font-size:13px;line-height:inherit;font-weight:bold;}
.product .name a:hover {text-decoration:none;color:#e22024;}
.product .image {padding:0 10px;position:relative;margin:10px 0;cursor:pointer;min-height:200px;display:flex;align-items:center;justify-content:center;}
.product .image .product_label {position:absolute;top:0;left:-5px;}
.product .image .product_label .label_name {background:#f7f700;color:#333;padding:2px 7px;font-size:12px;border-radius: 3px;}


.product .qnt {width:45px;display:inline-block;position:relative;top:1px;}
.product .offer {padding:10px 0;position:absolute;bottom:10px;left:0;width:100%;}
.product .order {padding:0;}
.product .price span {font-weight:bold;font-size:16px;}
.product .extra_fields {padding:0 10px;}

.check {text-align:center;margin:0;}
.check i {color:#82c91e;font-size:15px;}
.check.no i {color:#e22024;}

/* Pagination */
.pagination {margin:20px 0;background:#fff;border:1px solid #eee;}
.pagination ul {margin:0;padding:5px 10px;text-align:center;}
.pagination ul li {display:inline-block;margin:3px 0;}
.pagination ul li a {background:#494b4c;padding:5px 10px 3px;color:#fff;display:block;}
.pagination ul li a:hover {background:#222;}
.pagination ul li span {background:#0a851c;padding:5px 10px 3px;color:#fff;display:block;}

/* Ajax loading */
.ajax-loading {display:none;text-align:center;margin:20px 0 0;}
.ajax-loading .load-more {margin:10px 0;padding:9px 25px 10px;width:100%;display:block;border:1px dashed #46c556;cursor:pointer;border-radius:5px;text-transform:uppercase;background:#e8faea;}
.ajax-loading .load-more:hover {color:#29b741;}
.ajax-loading .load-more i {font-size:16px;margin:0 10px 0 0;}

/* Page */
h1.product-header {margin:20px 0 10px;}

.desc {color:#222;padding:10px;background:#fff;margin:20px 0;border:1px solid #eee;}
.description {padding:10px 20px;background:#fff;margin:20px 0;border:1px solid #eee;}
.description hr {opacity:0;}
.description p {margin:0 0 5px;}
.description h2 {font-size: 18px;font-weight: 600;margin:30px 0 10px;padding: 0;}
.description h3 {font-size: 16px;font-weight: 600;margin:20px 0 5px;padding: 0;}
.short_description {padding:10px;background:#fff;margin:0 0 10px;border:1px solid #eee;}

.item-page {padding:10px;background:#fff;margin:20px 0;border:1px solid #eee;}
.item-page h2:first-child {margin:0 0 10px;}
.item-page .custom {padding:0;}
.item-page table {width:100%;}
.item-page table tbody {border:none;}
.item-page table tbody td {border:1px solid #ccc;}
.item-page table tbody td p {margin:0;}

.productfull {margin:10px 0 !important;}
.productfull > .cell {padding:5px;}
.productfull .image {position:relative;}
.productfull .image .product_label {position:absolute;top:0;left:0;}
.productfull .image .product_label .label_name {background:#29b741;color:#fff;padding:2px 7px;font-size:12px;}
.productfull a.image-frame {display:block;width:100%;height:300px;background-repeat:no-repeat;background-position:center center;background-size:contain;}
.productfull .qty_in_stock {margin:10px 0;}
.productfull .prod_price {margin:0;}
.productfull .prod_price #block_price {font-size:20px;}
.productfull #quantity {width:65px;display:inline-block;position:relative;top:2px;padding:7px 10px;}
.productfull .custom {padding:0;}

.productfull h2 {font-size:18px;margin:40px 0 20px;padding:0 0 0 20px;border-left:1px solid #222;}

.productfull .connect {margin:10px 0;padding:10px;border:1px solid #eee;background:#fff;}

.productfull .extra_fields .block_efg {}
.productfull .extra_fields .xtra_fields_group {font-weight: bold;padding: 15px 0 5px;}
.productfull .extra_fields .clearfix {border-bottom:1px dashed #ccc;padding:3px 0;}

#list_product_image_middle {border:1px solid #eee;}
#list_product_image_middle:hover {border:1px solid #e22024;}

#list_product_image_middle {overflow:auto;display:block;}
#list_product_image_thumb {display:block;padding:5px 0;margin:10px 0 0;text-align:center;}
#list_product_image_thumb img {display:inline-block;height:40px;cursor:pointer;border:1px solid #ddd;}
#list_product_image_thumb img:hover {border:1px solid #e22024;}

.labels {margin:0 0 10px;}
a.label {background:#12b51d;padding:5px;border:1px solid #12b51d;color:#fff;cursor:pointer;}

.related > .cell {padding:5px;}
.related .product {padding:0 0 50px;border:1px solid #eee;}
.related .product:hover {border:1px solid #ddd;}
.related .product .image {padding:10px 0;cursor:pointer;}
.related .product .image img {display:inline-block;max-height:170px;}
.related .product .price {position:absolute;bottom:10px;text-align:center;display:block;width:100%;}

#order .hello {display:none;}

.moduletablecart h3 {padding:0 10px;}

.jshop_order_step {text-align: center;}

footer {background:linear-gradient(to top,#4d4f50, #343637);color:#fff;font-size:12px;}
footer a {color:#fff;}

footer ul.menu li {padding: 0 5px;}
footer ul.menu li a {padding:0;margin:0;line-height: 18px;} 

.mydeli {padding:10px;}

span.click-to-order {display:inline-block;width:150px;margin:10px 10px 0;padding:5px 10px;cursor:pointer;background:#29a8e8;background-size:20px;color:#fff;border:1px solid #31a4da;border-radius:5px;}
span.click-to-order:hover {opacity:0.9;}
.productfull span.click-to-order {margin:5px 0 0 0;width:100%;}

@media print, screen and (min-width: 64em) {
	.productfull span.click-to-order {width:auto;}
}

/* tags */
ul.tags {display:block;list-style:none;margin:0 0 20px;padding:0;}
ul.tags li {display:inline;margin:0;}
ul.tags li a {display:inline-block;background:#eee;color:#000;border-radius:10px;border:1px solid #ccc;padding:5px 10px;margin:0 2px 5px 0;transition:0.5s all;}
ul.tags li a:hover {background:#3b3d3e;color:#fff;border:1px solid #3b3d3e;}

.low-price {background:#f2fdf3;padding:5px 10px;border:1px solid #d4f8d7;}

/* Cookies  */
#accept_cookies {display:none;position:fixed;bottom:40px;left:50%;width:350px;margin-left:-175px;background:#fff;border-radius:10px;padding:10px 20px;box-shadow:0 0 5px #999;}
#accept_cookies p {margin:5px 0;font-size:12px;}
#accept_cookies .close {position:absolute;top:-3px;right:7px;font-size:24px;cursor:pointer;}
#accept_cookies .button {}

@media print,screen and (min-width:40em){ #accept_cookies {width:450px;margin-left:-225px;bottom:10px;} }
@media print,screen and (min-width:64em){ #accept_cookies {width:600px;margin-left:-300px;bottom:10px;} }
 
/* Order Form  */
#order_form .grid-x > .cell {padding:10px !important;}
#order_form h4 {margin:10px 0 20px;}
#order_form input {margin:0;}
#order_form textarea {margin:0;}
#order_form label.agree {font-size:12px;}

/* Fixed */
.fixed {position: fixed;right:20px;bottom:20px;z-index:5;}
.fixed .icon {padding:8px;border-radius:50%;display: block;}
.fixed .icon img {width:30px;height:30px;display: inline-block;}
.fixed .icon.max {border:none;background:linear-gradient(90deg, rgba(65, 133, 246, 1) 0%, rgba(73, 48, 224, 1) 48%, rgba(150, 75, 218, 1) 98%);}
.fixed .icon.max:hover {border:none;background: linear-gradient(90deg, rgba(150, 75, 218, 1) 0%, rgba(73, 48, 224, 1) 50%, rgba(65, 133, 246, 1) 98%);}

@media print,screen and (min-width:64em){
	.fixed {position:fixed;right:2%;}
	.fixed .icon {padding:10px;}
	.fixed .icon img {width:36px;height:36px;}
}