:root {
--bg0:#123;
--bg1:#234;
--bg2:#345;
--fg1:#eee;
--fg2:#fa9;
--fg3:#aaa;
--mg1:#666;
--mg2:#999;
background-color: var(--bg0);
}
.well {
background-color: var(--bg2);
border-color: var(--mg1);
}
.list-group-item {
background-color: var(--bg2);
border:none;
color:var(--fg2);
}

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: var(--fg1);
	font-size: 12px;
	line-height: 20px;
	width: 100%;
	max-width:1000px;
	margin:auto;
	background-color: var(--bg1);
	outline: 13px dotted var(--fg2);
    outline-offset: 10px;
}
@media (min-width: 992px) {
    .container {
        width: 992px;
    }
    .hidden-md {
        display: inline-block !important;
    }
}

h1, h2, h3, h4, h5, h6 {
	color:  var(--fg2);
	font-family:sturkopf;
	margin-top:0;letter-spacing: .02em;
}
input[type=checkbox], input[type=radio] {
    margin: 3px 13px 0;
}

.panel {
    background-color: var(--bg0);
    margin-bottom: 1em;
}
.panel-title a, h4.panel-title b {
    padding: 7px 1em;
    display: block;
    cursor:default;
    text-decoration:none;
}
.panel-title a, h4.panel-title b {
    background-color:var(--mg2);
    cursor:default;
    user-select:none;
    color:var(--mg1);
}

.panel-title a {
    background-color:var(--fg1);
    cursor:pointer;
}
.panel-title a:hover {
    background-color:var(--fg2);
    color:var(--bg0);
    text-decoration:none;
}

.panel-default .panel-heading {
    background-color: transparent; 
    padding:0;
    border:none;
}
header .banner {
    display: flex;
    justify-content: space-between;
    background-color: var(--bg2);
    padding: .2em;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 1em;
}
header .banner a {
    padding: .35em .8em;
    border: 1px transparent solid;
    font-size: 14px;
}
header .banner a:hover {
    border: 1px solid var(--fg2);
    text-decoration: none;
}
header h1 {
    font-size: calc(min(100vw, 1000px) * .04);
    vertical-align: middle;
    margin: .2em;
}

.row.product-listing-options {
    display: none;
}
.panel-heading a:hover{color:var(--bg2)}
.panel-heading h4{font-family:root}
legend{color:inherit}

.modal-title {
    color: var(--bg0);
    font-size: 234%;
}

/* default font size */
.fa {
	font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
	font-size: 33px;
}
h2 {
	font-size: 27px;
}
h3 {
	font-size: 21px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10.2px;
}
a {
	color: var(--fg2);
}
a:hover {
	text-decoration: underline;color: var(--fg1);
}
legend {
	font-size: 18px;
	padding: 7px 0px
}
label {
	font-size: 12px;
	font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size: 12px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 12px;
}
.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}

.nav-tabs {
	margin-bottom: 15px;
}
div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
/* top */
#top {
	background-color:  var(--bg2);
	border-bottom: 1px solid #666;
	margin: 0 0 20px 0;
	min-height: 28px;
	position:sticky;top:0;z-index:3;    padding: 8px 0;
}
#top .nav>a {
    color:var(--mg2)
}
#top .nav svg {
    height: 1.3em;
    vertical-align: middle;
}
#top .nav a svg g{
    fill:var(--mg2)
}
#top .nav a:hover svg g, #top .nav.open a svg g{
	fill:  var(--fg1);
}
#top .nav li, #top .nav li a {
	text-decoration: none;
	text-align: left;
}
#top #language-select a.active {
	pointer-events: none;
	background-color:#eee;
	}
#top #language-select a.active:after{
	content: '\2713';
	display: inline-block;
	margin-left:1em;
	}
#top .nav>a {
	border: 1px solid;
    padding: 0px 7px;
    min-width: 40px;
    display: inline-block;
    text-align: center;
    }
#top .nav>a:hover,#top .nav>a:focus,#top .nav.open>a {
	color:  var(--fg1);
	text-decoration: none;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: transparent;
    border-color: transparent;
}
#top .nav .dropdown-menu a {
	text-shadow: none;
}
#top .nav .dropdown-menu a.btn:hover {
	color: #FFF;
}
#top .btn-link strong {
	font-size: 14px;
    line-height: 14px;
}
#top .nav {
	white-space:nowrap;
	margin: 0 2% 0 0;
	position:relative;
}
#top .nav:last-child {
	margin: 0;
}
#top .nav a + a {
	margin-left: 15px;
}
#top .dropdown-menu {
    left: auto;
}

/* logo */
#logo {
	margin: 2vw auto;
	width: 80%;
	max-width:700px;
}
/* search */
#search {
	width:50%;
}
#search #search_trigger{display:none;}
#search label,#search form{display:inline;}
#search label{user-select: none;color:var(--mg2)}
#search label:hover{color:var(--fg1)}

#search input {
    height: 25px;
    padding: 0 10px;
    background: var(--bg0);
    color: var(--fg1);
    border: 1px solid var(--mg1);
    display:inline-block;
    vertical-align: middle;
    border-radius: 5px 0 0 5px;
    width:calc(100% - 40px);
}

#search button {
    font-size: 13px;
    line-height: 16px;
    padding: 0;
    text-align: center;
    height: 25px;
    border: 1px solid var(--mg1);
    display: inline-block;
    margin: 0 1em 0 -7px;
    vertical-align: middle;
    border-radius: 0 5px 5px 0;
    width: 40px;
}
#search input:focus,#search input:focus-visible {
    box-shadow: 0px 0px 6px 0px var(--fg2);border:none;outline:none
}
@media (max-width: 700px) {
	#search form{ display:inline-block; opacity: 0}
	#search form, #search form input, #search form button{ display:inline-block; width:1px; height:1px; overflow:hidden; }
    #search form:focus-within {
        opacity:1;
		position:fixed;
        margin-top: 24px;
        left:0;
        right:0;
        padding:10px;
        width:auto;height:auto;
        background-color:var(--bg2);
        border-bottom: 1px solid var(--mg1);
        }
    #search form:focus-within input { height:25px;width: 90%; }
    #search form:focus-within button {  width:10%;height:25px; }
    #search label {
    	border: 1px solid;
		padding: 0px 7px;
		min-width: 40px;
		display: inline-block;
		text-align: center;
		margin: 0;
		cursor:pointer;
		user-select:none; 
		}
    #search label:before { content: "\f002"; font: normal normal normal 14px / 1 FontAwesome; line-height: 1.4;}
    #search:focus-within label { color:var(--fg1);  }
    }
    
  #top .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
	}
#top .container:before, #top .container:after{content:unset;display:unset}

/* cart */
#cart {
	width:40%;
}
#cart > .btn {
    font-size: 12px;
    line-height: 17px;
    color: #000;
    padding: 3px 1em;
    background-color: var(--fg2);
    border: none;
}
#cart > .btn:hover,#cart.open > .btn {
    background-color: #FFFFFF;
}
#cart.empty-cart{display:none}

#cart .dropdown-menu {
    background: #eee;
    z-index: 1001;
    color: #000;
    max-width: 95vw;
    overflow-y: auto;
    max-height: 90vh;
    scrollbar-width: thin;
    overflow-x: hidden;
    font-size:inherit;
}
#cart .dropdown-menu>h3{
    margin:5px 1em;color:var(--mg2);
}
#cart .dropdown-menu table a{
	color:var(--bg2);
}
#cart .dropdown-menu table a:hover{
	text-decoration:underline;
}
@media (max-width: 478px) {
    #cart .dropdown-menu {
        width: 98vw;
        left: 1vw;
        position: fixed;
        top: 32px;
        max-width: 98vw;
    }
}
#cart .dropdown-menu table {
	margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
	padding: 0 10px;
}

#cart .dropdown-menu li p {
	margin: 20px 0;
}
#cart .dropdown-menu li p .btn{
	color:#000
}
#cart .dropdown-menu button.remove-item{
border:none;
height:1.4em;width:1.4em;padding:.2em
}
#cart .dropdown-menu button.remove-item:hover{
background-color:var(--fg2);
}
/* menu */
#menu {
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
	min-height: 40px;
}
#menu .nav > li > a {
	color: #fff;
	padding: 10px 15px 10px 15px;
	min-height: 15px;
	background-color: transparent;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
	background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-menu {
	padding-bottom: 0;
}
#menu .dropdown-inner {
	display: table;
}
#menu .dropdown-inner ul {
	display: table-cell;
}
#menu .dropdown-inner a {
	min-width: 160px;
	display: block;
	padding: 3px 20px;
	clear: both;
	line-height: 20px;
	color: #333333;
	font-size: 12px;
}
#menu .dropdown-inner li a:hover {
	color: #FFFFFF;
}
#menu .see-all {
	display: block;
	margin-top: 0.5em;
	border-top: 1px solid #DDD;
	padding: 3px 20px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 3px 3px;
	font-size: 12px;
}
#menu .see-all:hover, #menu .see-all:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
#menu #category {
	float: left;
	padding-left: 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	color: #fff;
}
#menu .btn-navbar {
	font-size: 15px;
	font-stretch: expanded;
	color: #FFF;
	padding: 2px 18px;
	float: right;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	color: #ffffff;
	background-color: #229ac8;
}
@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}
}
@media (max-width: 767px) {
	#menu {
		border-radius: 4px;
	}
	#menu div.dropdown-inner > ul.list-unstyled {
		display: block;
	}
	#menu div.dropdown-menu {
		margin-left: 0 !important;
		padding-bottom: 10px;
		background-color: rgba(0, 0, 0, 0.1);
	}
	#menu .dropdown-inner {
		display: block;
	}
	#menu .dropdown-inner a {
		width: 100%;
		color: #fff;
	}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {
		background: rgba(0, 0, 0, 0.1);
	}
	#menu .see-all {
		margin-top: 0;
		border: none;
		border-radius: 0;
		color: #fff;
	}
}

.panel-group .panel {margin-bottom:1em}
/* content */
#content {
	min-height: 600px;
}
#product-category #content, #product-product #tab-description, #information-information #content {
	font-size: 13px;
}
/* footer */
footer {
	margin-top: 20px;
	padding: 30px 0 15px 0;
	background-color: var(--bg0);
}
footer .powered-by{text-align:center;border-top: 1px solid var(--mg1);padding-top:20px;margin-top:20px;color:var(--mg2);}

footer a {
	color: #ccc;
}
footer a:hover {
	color: #fff;
}
footer h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}

.modal-dialog {
    color: #000;
}
td:last-child {
    white-space: nowrap;
}
.table-bordered>tbody>tr>td{border-color:var(--mg1);}
/* alert */
.alert {
	padding: 8px 14px 8px 14px;
	position: fixed;
    top:44px;
    width: calc(min(1000px, 99vw));
    color:#000;
    z-index:1000;
	}
.alert > .close {
	position: relative;
	top: -2px;
	right: 0px;
	color: inherit;
}
.alert a {
	color:#000
}
/* breadcrumb */
.breadcrumb {
	margin: 0 0 20px 0;
	padding: 5px;
	background-color: var(--bg2);
}
.breadcrumb i {
	font-size: 15px;
}
.breadcrumb > li {
	padding: 0 20px;
	position: relative;
	white-space: nowrap;
}
.breadcrumb > li + li:before {
	content: '';
	padding: 0;
}
.breadcrumb > li:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    right: -5px;
    width: 15px;
    height: 15px;
    border-right: 1px solid var(--fg3);
    border-bottom: 1px solid var(--fg3);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.table-hover>tbody>tr:hover{background-color:#ffffff22;}
html[dir=rtl] .breadcrumb > li::after {
  top: -3px;
  left: -5px;
  width: 26px;
  height: 26px;
  border-left: 1px solid #DDD;
  border-top: 1px solid #DDD;
  right: unset;
  border-right: unset;
  border-bottom:unset;

}
.pagination {
	margin: 0;
}
/* buttons */
.buttons {
	margin: 1em 0;
}
.btn {
	padding: 7.5px 12px;
	font-size: 12px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn-xs {
	font-size: 9px;
}
.btn-sm {
	font-size: 10.2px;
}
.btn-lg {
	padding: 10px 16px;
	font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size: 12px;
}
.btn-group > .btn-xs {
	font-size: 9px;
}
.btn-group > .btn-sm {
	font-size: 10.2px;
}
.btn-group > .btn-lg {
	font-size: 15px;
}
.btn-default {
	color: #777;
	background-color: #e7e7e7;
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
	background-repeat: repeat-x;
	border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}
.btn-primary {
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background-color: #1f90bb;
	background-position: 0 -15px;
}
.btn-warning {
	color: #ffffff;
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
	color: #ffffff;
	background-color: #da4f49;
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
	color: #ffffff;
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
	color: #ffffff;
	background-color: #df5c39;
	background-image: linear-gradient(to bottom, #e06342, #dc512c);
	background-repeat: repeat-x;
	border-color: #dc512c #dc512c #a2371a;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}
.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #23A1D1;
	border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}
.btn-inverse {
	color: #ffffff;
	background-color: #363636;
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background-color: #222222;
	background-image: linear-gradient(to bottom, #333333, #111111);
}
/* list group */
.list-group a {
	border: 1px solid #DDDDDD;
	color: #888888;
	padding: 8px 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
	color: var(--fg2);
}
/* carousel */
.carousel-caption {
	color: #FFFFFF;
}
.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}
.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}
/* product list */
.product-thumb {
    border: 1px solid var(--bg1);
    margin-bottom: 20px;
    overflow: auto;
    border-radius: 1em;
    background-color: var(--bg0);
}

.product-thumb .image {
    text-align: center;
    padding: 20px 20px 10px 20px;
}

.product-thumb .image a {
    display: block;
    margin: 0;
    padding: 0;
    background-color: var(--bg1);
}

.product-thumb .image a:hover img{
	filter:brightness(1.2) contrast(.7);
}
.product-thumb .image img {
	margin: auto;
}
.product-grid .product-thumb .image {
	float: none;
}
@media (min-width: 767px) {
.product-list .product-thumb .image {
	float: left;
	padding: 0 15px;
}
}
.product-thumb h4 {
	font-size:200%;
}
.product-thumb .caption {
	padding: 0 20px 10px 20px;
	min-height: 200px;
	position: relative;
}
.product-list .product-thumb .caption {
	margin-left: 230px;
}
@media (max-width: 992px) {
.product-thumb .caption {
	min-height: 140px;
}
}
@media (max-width: 767px) {
.product-list .product-thumb .caption {
	min-height: 0;
}
}
.product-thumb .rating {
	padding-bottom: 10px;
}
.rating .fa-stack {
	font-size: 8px;
}
.rating .fa-star-o {
	color: #999;
	font-size: 15px;
}
.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}
.rating .fa-star + .fa-star-o {
	color: #E69500;
}
h2.price {
	margin: 0;
}
.product-thumb .price {
    color: var(--fg2);
    font-family: sturkopf;
    letter-spacing: .01em;
    font-size: 200%;
    position: absolute;
    bottom: 0;
    margin: 0;
    right: 20px;
    text-align: right;
}
.product-thumb .price-new {
	font-weight: 600;
}
.product-thumb .price-old {
	color: #999;
	text-decoration: line-through;
	margin-left: 10px;
}
.product-thumb .price-tax {
	color: #999;
	font-size: 60%;
    display: block;
    line-height: 2em;
}

.product-list .product-thumb .button-group {
	border-left: 1px solid #ddd;
}
@media (max-width: 768px) {
	.product-list .product-thumb .button-group {
		border-left: none;
	}
}
.product-thumb .button-group button {
    width: 100%;
    border: none;
    display: inline-block;
    float: left;
    background-color: var(--mg2);
    color: #000;
    line-height: 38px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
.product-thumb .button-group button + button {
	width: 20%;
	border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
    background-color: var(--fg2);
}
#product .add-to-cart {
    margin-top: 1em;
    border-top: 1px solid var(--mg1);
    padding-top: 1em;
    text-align: right;
}
#product .add-to-cart label{ text-align: left;}

#product #input-quantity {
    width: 60px;
    margin: 0 1em 0 0;
    height: 40px;
}
#product #button-cart {
    display: inline-block;
    vertical-align: -2px;
    }

.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}
.thumbnails > li {
	margin-left: 20px;
}
.thumbnails {
	margin-left: -20px;
}
.thumbnails > img {
	width: 100%;
}

.thumbnail {
    background-color: var(--bg0);
    border: 1px solid var(--mg1);
}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: var(--fg2);
    background-color:var(--bg2)
}
.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #ddd;
}
.image-additional {
	max-width: 78px;
}
.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}

@media (min-width: 1200px) {
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(4n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
		clear:left;
	}
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
       width: 100%;
    }

	#column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }

	#column-left + #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
	width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width: 50px;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}
html[dir=rtl] .checkbox input[type="checkbox"],
html[dir=rtl] .checkbox-inline input[type="checkbox"],
html[dir=rtl] .radio input[type="radio"],
html[dir=rtl] .radio-inline input[type="radio"] {
    position: absolute;
    margin-top: 4px\9;
    margin-right: -20px;
      margin-left: unset;
}
html[dir=rtl] .input-group-btn:last-child > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
html[dir=rtl] .input-group .form-control:first-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}
html[dir=rtl] .container .row:first-child  .col-sm-4, html[dir=rtl] .container .row:first-child  .col-sm-5 {
  float: right;

}
html[dir=rtl] #cart .dropdown-menu {
  left: 0;
  right: auto;

}
@media (min-width: 768px) {
   
    html[dir=rtl] .navbar-nav {
        float: right;
        margin: 0;
    }
    
    html[dir=rtl] .navbar-nav > li {
        float: right;
    }
   
}
header #logo img {
    height: 100%;
    width: 100%;
}
.form-group:not(.required) label.control-label:after {content:"(optional)";color:var(--mg2);font-weight:normal;margin-left:1em}
.required-star:before {content:"*";color:red;font-weight:normal;margin-right:1em} 
.paypal-button {
    color: black;
}

.social {margin: .6em 00;}
.social a svg {vertical-align: middle;margin-right: .5em;}
.social a svg+b {vertical-align: middle;}
.social a svg .fgcol{fill:var(--mg2);}
.social a:hover svg .fgcol{fill:#fff;}
.social.instagram svg{height:24px;}
.social.facebook svg{height:19px;margin:0 .6em 0 .3em;}

table#bank_transfer_data td:last-child {
    user-select: all;
    font-size: 110%;
}

table#bank_transfer_data td {
    padding: 1px 1em 1px 0;
    border-bottom: 1px solid var(--mg1);
    line-height: 2;
    white-space: normal;
}

@media screen and (max-width: 767px) {
    .table-responsive>.table>tbody>tr>td, 
    .table-responsive>.table>tbody>tr>th, 
    .table-responsive>.table>tfoot>tr>td, 
    .table-responsive>.table>tfoot>tr>th, 
    .table-responsive>.table>thead>tr>td, 
    .table-responsive>.table>thead>tr>th {
       white-space: normal
    }
}
i.icon {
display:inline-block;
width:1em;
height:1em;
background-size:1em;
background-repeat:no-repeat;
}
i.icon.trashcan {
background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20456%20511.82%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%3Cpath%20d%3D%22M48.42%20140.13h361.99c17.36%200%2029.82%209.78%2028.08%2028.17l-30.73%20317.1c-1.23%2013.36-8.99%2026.42-25.3%2026.42H76.34c-13.63-.73-23.74-9.75-25.09-24.14L20.79%20168.99c-1.74-18.38%209.75-28.86%2027.63-28.86zM24.49%2038.15h136.47V28.1c0-15.94%2010.2-28.1%2027.02-28.1h81.28c17.3%200%2027.65%2011.77%2027.65%2028.01v10.14h138.66c.57%200%201.11.07%201.68.13%2010.23.93%2018.15%209.02%2018.69%2019.22.03.79.06%201.39.06%202.17v42.76c0%205.99-4.73%2010.89-10.62%2011.19-.54%200-1.09.03-1.63.03H11.22c-5.92%200-10.77-4.6-11.19-10.38%200-.72-.03-1.47-.03-2.23v-39.5c0-10.93%204.21-20.71%2016.82-23.02%202.53-.45%205.09-.37%207.67-.37zm83.78%20208.38c-.51-10.17%208.21-18.83%2019.53-19.31%2011.31-.49%2020.94%207.4%2021.45%2017.57l8.7%20160.62c.51%2010.18-8.22%2018.84-19.53%2019.32-11.32.48-20.94-7.4-21.46-17.57l-8.69-160.63zm201.7-1.74c.51-10.17%2010.14-18.06%2021.45-17.57%2011.32.48%2020.04%209.14%2019.53%2019.31l-8.66%20160.63c-.52%2010.17-10.14%2018.05-21.46%2017.57-11.31-.48-20.04-9.14-19.53-19.32l8.67-160.62zm-102.94.87c0-10.23%209.23-18.53%2020.58-18.53%2011.34%200%2020.58%208.3%2020.58%2018.53v160.63c0%2010.23-9.24%2018.53-20.58%2018.53-11.35%200-20.58-8.3-20.58-18.53V245.66z%22%2F%3E%0A%3C%2Fsvg%3E%0A');}

.spice-o-meter { background: linear-gradient(90deg, #00ad3d, #ffca00, #d9005e);position:relative; height:5px;width: 80px;display: inline-block;vertical-align:middle;user-select:none;margin:.3em;}
.spice-o-meter:after {content: "SPICE-O-METER";font-size: 9px;position: absolute;top: -13px;letter-spacing: .13em;white-space: nowrap;color: #aaa;line-height: 10px;left: -4px;border: 1px solid #555;width: 88px;height: 35px;text-align: center;padding: 2px 0 0 2px;	}
.spice-o-meter:before {text-align: center;line-height: 16px;font-weight: bold;font-size: 12px;position: absolute;display: inline-block;width: 16px;height: 16px;top: 5px;background-color: #eee;margin-left:-8px;z-index:2;color:#000}
.spice-o-meter:hover:after {content: "mild -------- hot";}.spice-o-meter.s1:before {left:10%;content:"1"}.spice-o-meter.s0:before {left:0;content:"0"}.spice-o-meter.s2:before {left:20%;content:"2"}.spice-o-meter.s3:before {left:30%;content:"3"}.spice-o-meter.s4:before {left:40%;content:"4"}.spice-o-meter.s5:before {left:50%;content:"5"}.spice-o-meter.s6:before {left:60%;content:"6"}.spice-o-meter.s7:before {left:70%;content:"7"}.spice-o-meter.s8:before {left:80%;content:"8"}.spice-o-meter.s9:before {left:90%;content:"9"}.spice-o-meter.s10:before {left:100%;content:"10"}

#news {margin: 0 0 1em 0;overflow: auto;}
#display_news img{height:25em;float:left;margin-right: 1em;cursor:pointer}
#news_archive {height: 122px;white-space: nowrap;display: block;background-color: var(--bg0);clear: both; margin-top: 1em;padding: 0;overflow: auto hidden;scrollbar-color:var(--bg2) var(--bg0);scrollbar-width:thin;user-select:none;padding-top:17px;position:relative}
#news_archive:hover {scrollbar-color: var(--mg2) var(--bg0);}
#news_archive span{display:inline-block;margin:0;padding:0 .3em .3em .3em;white-space:nowrap;height: 94px;vertical-align: middle;cursor:pointer;}
#news_archive i{font-size:10.5px;display:block;height:20px;color:var(--mg2);}
#news_archive img{height:70px;}
#news_archive span:hover {background-color: var(--fg2);}
#news_archive span:hover i{color: #000;}
#news_archive:before {position:sticky;content:"News-Archive";margin:-16px 0 0 0;left:6px;text-align:left;display:inline-block;vertical-align:top;width:0;color:var(--fg2);}
#display_news:after {content:" ";display:block;clear:both;}
a#load_more_news {padding: 40px 0;display: inline-block;}
a#load_more_news:hover {color:#000;}
#news_archive::after {content: " ";position: sticky;right: -2px;top: -18px;margin-top: -18px;display: inline-block;height: 114px;width: 80px;background: linear-gradient(90deg, transparent, var(--bg1));vertical-align: top;}
.lightbox {position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;text-align: center;background-color: #00000088;z-index: 10000;overflow: hidden;display: flex;align-items: center;justify-content: center;user-select:none;}
.lightbox img{max-height:90vh;max-width:90vw}
#welcome_text{font-size:110%;text-align:justify;border-bottom:1px solid var(--mg1);margin-bottom:1em;}

#newsletter_module>div {margin:.7em 0;}
#newsletter_module{border:1px solid var(--mg1);padding:1em;border-radius:10px}
#newsletter_module:after{content:" ";display:block;clear:both}
#newsletter_respond {padding: .4em 1em;font-weight:bold;border-radius:1em;color:#000}
#newsletter_respond:not(:empty) {background-color: var(--fg2);}

a[target] { margin-right: 1.2em;}
a[target]:after{content: "\21d7";margin-left: .2em;font-size: 130%;text-decoration: none;position:absolute;}