/* 
	Colors:
	#c2ff9f; //green lighter
	#5dff00; //green light
	#55c614; //green
	#37840b; //green dark
	#0c6100; //green dark-2
	#13380e; //green dark-3
	#042000; //green darkest
*/

:root {
	--light: #c7dabb;
	--green-lighter: #c2ff9f;
	--green-light: #5dff00;
	--green: #55c614;
	--green-2: #439f0e;
	--green-dark: #37840b;
	--green-dark-2: #0c6100;
	--green-dark-3: #13380e;
	--green-darkest: #042000;
}

html {
  width: 100%;
  height: 100%;
  min-width: 360px;
  font-size: 16px;
}

body {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 400;
  position: relative;
  width: 100%;
  height: 100%;
  background-color:#042000;
  color:#fff;
}

a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #37840b;
}
a img {
	transition: .3s ease-out;
	-moz-transition: .3s ease-out;
	-webkit-transition: .3s ease-out;
	-o-transition: .3s ease-out;
	display:block;
	-webkit-backface-visibility: hidden;
}
a:hover img { opacity: 0.6; }

a:focus, a:hover {
  text-decoration: underline;
  color: #37840b;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', Arial, sans-serif;
  margin: 0 0 1rem;
  font-weight: 700;
}
h1, h2, h3 { font-weight: 300; }
h2, h1, p.h1, p.h2, .content-section p.h1, .content-section p.h2 {
	font-size: 2rem;
}
h3, p.h3, .content-section p.h3 { font-size: 1.5rem; }
h3.second, h4,h5,h6, p.h4, .content-section p.h4, p.h5, .content-section p.h5, p.h6, .content-section p.h6 { text-transform:uppercase; letter-spacing: 3px; }
h4, p.h4, .content-section p.h4 { font-size: 1.25rem; margin-bottom: 1em; }
h5, p.h5, .content-section p.h5 { font-size: 1.125rem; margin-bottom: 1rem; }
h6, p.h6, .content-section p.h6 { font-size: 1rem; }
p {
  font-size: 1rem;
  line-height: 1.5;
  margin: 0 0 25px;
  text-align:left;
}
strong, .strong {font-weight: 700; }
.stronger {font-weight: 800; }
.fw-400 { font-weight: 400 !important; }
.fw-med { font-weight: 600 !important; }
.fw-light { font-weight: 300 !important; }
.italic {font-style: italic; }
.underline { text-decoration:underline; }
.tt-up { text-transform: uppercase; }
.tt-c { text-transform:capitalize; }
.tt-none { text-transform:none; }

.lh-0 { line-height: 0; }
.lh-1 { line-height: 1; }
.lh-13 { line-height: 1.3; }
.lh-15 { line-height: 1.5; }

.lts-0 {letter-spacing: 0px;}
.lts-1 {letter-spacing: 1px;}
.lts-2 {letter-spacing: 2px;}
.lts-3 {letter-spacing: 3px;}

.pages-content ul, .pages-content ol { padding-left: 30px;}
.pages-content h4 { font-size: 1.1rem;}
.pages-content h3 { font-size: 1.7rem; margin-bottom: 1.5rem;}
.pages-content h5 { font-size: 1rem;}

.bg-light { background-color:#eee !important; }
.bg-white { background-color:#fff; }
.bg-dark { background-color:#042000 !important; }
.bg-grey { background-color:#ccc; }
.bg-red { background: #55c614; }
.bg-green { background: #5dff00; }
.bg-green-lighter { background: #c2ff9f; }
.bg-green-light { background: #5dff00; }
.bg-green { background: #55c614; }
.bg-green-dark { background: #37840b; }
.bg-green-dark-2 { background: #0c6100; }
.bg-green-dark-3 { background: #13380e; }
.bg-green-darkest { background: #042000; }
.bg-green-gradient-1 { background: #37840b; background: linear-gradient(90deg, rgba(67,159,14,1) 0%, rgba(85,198,20,1) 100%); }
.bg-green-gradient-2 { background: #37840b; background: linear-gradient(-90deg, rgba(67,159,14,1) 0%, rgba(85,198,20,1) 100%); }
.bg-green-gradient-3 { background: #0c6100; background: linear-gradient(0deg, #37840b 0%, #0c6100 100%); }
.bg-black-5 { background: rgba(0,0,0,0.05); }
.bg-black-10 { background: rgba(0,0,0,0.1); }
.bg-black-80 { background: rgba(0,0,0,0.8); }
.bg-green-dark-80 { background: rgba(4,32,0,0.8); }
.bg-green-dark-90 { background: rgba(4,32,0,0.9); }

.table-dark .border,
.table-dark .border-top,
.table-dark .border-bottom,
.table-dark .border-left,
.table-dark .border-right {
	border-color: #4e555d !important;
}

/* Borders */
.bd { border: 1px solid #ccc; }
.bdb { border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
.bdt { border-top: 1px solid rgba(0, 0, 0, 0.5); }
.bdl { border-left: 1px solid rgba(0, 0, 0, 0.5); }
.bdr { border-right: 1px solid rgba(0, 0, 0, 0.5); }
.bd-2 { border-width: 2px !important; }
.bd-3 { border-width: 3px !important; }
.bd-4 { border-width: 4px !important; }
.bd-5 { border-width: 5px !important; }
.bd-6 { border-width: 6px !important; }
.bd-white { border-color: #fff; }
.bd-white-10 { border-color: rgba(255,255,255,0.1) !important; }
.bd-white-20 { border-color: rgba(255,255,255,0.2) !important; }
.bd-white-30 { border-color: rgba(255,255,255,0.3) !important; }
.bd-black { border-color: #fff; }
.bd-black-10 { border-color: rgba(0,0,0,0.1) !important; }
.bd-black-20 { border-color: rgba(0,0,0,0.2) !important; }
.bd-black-30 { border-color: rgba(0,0,0,0.3) !important; }
.bd-dark { border-color: #00203c; }
.bd-darker { border-color: #000d18; }
.bg-dark .bd, .bg-dark .bdt, .bg-dark .bdb { border-color: rgba(255, 255, 255, 0.3); }
.bd-red { border-color: #ff3030 !important; }
.bd-pink { border-color: #e04655 !important; }
.bd-yellow { border-color: #ffc107 !important; }
.bd-blue-light { border-color: #6ee7ff !important; }
.bd-green { border-color: #55c614 !important; }
.bd-green-light { border-color: #93ff56 !important; }
.bd-green-2 { border-color: #1a9207 !important; }
.bd-dashed { border-style: dashed; }
.bdt-dashed { border-top-style: dashed; }
.bdb-dashed { border-bottom-style: dashed; }
.nobd { border: none !important; }

.text-black { color: #000; }
.text-white-50 { color: rgba(255,255,255,0.5);}
.text-white-60 { color: rgba(255,255,255,0.6);}
.text-white-70 { color: rgba(255,255,255,0.7);}
.text-white-80 { color: rgba(255,255,255,0.8);}
.text-black-50 { color: rgba(0,0,0,0.5);}
.text-black-60 { color: rgba(0,0,0,0.6);}
.text-black-70 { color: rgba(0,0,0,0.7);}
.text-black-80 { color: rgba(0,0,0,0.8);}
.text-light { color:#c7dabb !important;}
.text-green { color: #5dff00; }
.text-green-lighter { color: #c2ff9f; }
.text-green-light { color: #5dff00; }
.text-green { color: #55c614; }
.text-green-dark { color: #37840b; }
.text-green-dark-2 { color: #0c6100; }
.text-green-dark-3 { color: #13380e; }
.text-green-darkest { color: #042000; }
.text-yellow { color: #ffc107; }

.error { color:#f00; }
.alert.alert-compact { padding: .5rem 1rem; }
.alert.alert-warning { border-color:#e0cf9b;}
.alert.alert-success {
	color: #003e0e;
    background-color: #c2ff9f;
    border-color: #80bd5c;
}

.w-80 { width: 80%; }

.fz-xs, p.fz-xs, .content-section p.fz-xs { font-size: 0.75rem; }
.fz-sm, p.fz-sm, .content-section p.fz-sm { font-size: 0.875rem; }
.fz-default, p.fz-default, .content-section p.fz-default { font-size: 1rem; }
.fz-md, p.fz-md, .content-section p.fz-md { font-size: 1.125rem; }
.fz-lg, p.fz-lg, .content-section p.fz-lg { font-size: 1.25rem; }
.fz-xl, p.fz-xl, .content-section p.fz-xl { font-size: 1.375rem; }
.fz-xxl, p.fz-xxl, .content-section p.fz-xxl { font-size: 1.5rem; }
.fz-xxxl, p.fz-xxxl, .content-section p.fz-xxxl, 
.fz-3xl, p.fz-3xl, .content-section p.fz-3xl
{ font-size: 2rem; }

.fz-4xl, p.fz-4xl, .content-section p.fz-4xl { font-size: 2.2rem; }

.fa { min-width: 17px; margin-right: 5px; }
.transparent {  opacity: 0.1; }

.text-muted { color:#b5bdc3 !important; }

.nav-separator { width: 20px;}

.border-1 { border-width: 1px !important; }
.border-2 { border-width: 2px !important; }
.border-3 { border-width: 3px !important; }

.gmap {
  /* background: url(../img/.png) center center no-repeat; */
  height: 304px;
}
.gmap a { display:block; width: 100%; height: 304px; }

.form-group label { margin-bottom: .25rem;}

.modal-body-full { padding: 0 1px !important; }
.modal hr { border-color: #eee; }
.modal .modal-body ul { padding-left: 25px; }
.modal { padding-right: 0px !important; padding-left: 0px !important; }

.invisible { opacity: 0; }
.visible { opacity: 1; }

.text-underline { border-bottom: 1px solid #eee;}

footer {
	font-size: 0.875rem;
	padding: 50px 0;
}
footer li a { color:#007bff !important; line-height: 2; text-transform:uppercase; }

footer p {
  font-size: 12px;
  margin: 0;
}

.masthead { padding: 1rem 0 !important; }
#searchFormContent input { width: 100%; border-color:#37840b; }
.bg-header-image { background: #042000; background: #042000 url(../img/uploads/header/01.jpg) center center no-repeat; background-size: cover; }
.logo-link { }
.logo-link img { width: auto; max-width: 100%; }
.navbar { 
	background: #042000;
	background: linear-gradient(90deg, rgba(67,159,14,1) 0%, rgba(85,198,20,1) 100%);
	padding: 0;
}

#navToggle { display: none; }

/* ******************** */
/* Mobile Nav - fullscreen - megafruct and knvisions */
/* ******************** */
#mobileNavWrapper { position: fixed; top:0; left: 0; display:block; width: 100%; height: 0; overflow:hidden; z-index: 999; background: var(--green-dark-2); color:#fff; opacity: 0;}
#mobileNavWrapper.show-nav { height: 100vh; opacity: 1; }
#mobileNav { width: 60%; margin: 0 auto;}
#mobileNav a.nav-link {
	padding: .75rem 1rem; 
	width: 100%;
	font-size: 1.3rem;
	line-height: 1.5;
	letter-spacing: 1px;
	text-transform:capitalize;
	background: transparent;
	color:#fff;
	border-bottom: 1px solid var(--green-dark);
}
#mobileNav a.nav-link:hover,
#mobileNav a.nav-link.active {  
	background: var(--green-darkest);
	color: var(--green-lighter);
	text-decoration:none;
}

/* nav toggle */
#navToggle { 
	display: inline-block;
	padding: .5rem 1rem;
	border: 0;
	font-weight: 300;
	font-size: 2rem;
	outline: 0 !important;
	background: #0c6100;
	color:#fff;
	border: 1px solid var(--green-light);
	margin: 0 auto;
}
#navToggle .fa { background: transparent; color: #fff; font-size: 1.8rem; line-height: 1; margin: 0 !important; display: block; }
#navToggle:hover { border-color: var(--green-lighter); }
#navToggle:hover .fa { color: var(--green-lighter); }
#navToggle:hover, #navToggle:focus { 
	background: var(--green-darkest);
	color: #eee;
	outline: 1px solid rgba(255,255,255, .3) !important;
}
/**/

.navbar .container { 
	position:relative;
	height: 76px;
}
.navbar ul.navbar-nav { background: #0c6100; border: 1px solid #5dff00; position:absolute; left: 0; right: 0; margin: auto; }

.navbar ul.navbar-nav .nav-item {  
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 1.18rem;
	font-weight: 600;
	border-right: 1px solid #389a00;
}
.navbar ul.navbar-nav .nav-item a { padding: .75rem 1rem; display:block; color:#fff; background: none;}
.navbar ul.navbar-nav .nav-item a:hover, .navbar ul.navbar-nav .nav-item a.active { background: #042000; color:#fff; }  
.navbar ul.navbar-nav .nav-item.highlighted { border-color:#3a3a3a; }
.navbar ul.navbar-nav .nav-item.highlighted a {
	background: #042000;
	color:#eee;
}
.navbar ul.navbar-nav .nav-item.highlighted a:hover { text-decoration:underline;}

.cat-link { }
/*
.cat-link a { text-align:left; padding: 0; color:#c2ff9f; line-height: 1;}
.cat-link a:hover { color:#c2ff9f; text-decoration:underline;}
.cat-link p { color:#78c746 !important; }
.cat-link .icon { color:#c2ff9f !important; }
*/
.cat-link .home-cat-btn { background: #042000; color: #97ff88; }
.cat-link .home-cat-btn:hover { background: #439f0e; color:#c2ff9f; border-color:#71ca65 !important; text-decoration:none; }
.cat-link .home-cat-btn:hover a { color:#000; }

.qty-field { max-width: 60px; }
.img-thumb-sm { 
	max-width: 80px;
    max-height: 80px;
}

.new-products-section .card .card-img-container,
.new-products-section .card .card-img-placeholder { height: 298px; display:block; width: 100%;}
.card-img-placeholder .img-fluid { max-height: 100%; }
.new-products-section .card a { color:#343a40; }
.new-products-section .card .text-muted a { color:#b5bdc3; }
.new-products-section .card .card-title,
.card .card-text {  
	/* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
}

#catMenu  { background: var(--green-dark-2); border: 1px solid var(--green-light); }
#catMenu .list-group-item.active { background: #343a40; border-color:#343a40;}
#catMenu .list-group-item {  font-size: .875rem; padding: .5rem 1rem;}
.list-group li {
	background: transparent;
	font-size: 18px;
	text-align:left;
	padding: .5rem 1.25rem;
}
.list-group li span { padding-left: .4rem; }
#catMenu ul.children { background: var(--green-dark-3); padding: 0; margin: 0;}
#catMenu ul.children li { background: inherit; padding: 0; padding: 0;}
#catMenu ul.children li a {background: var(--green-dark-3); border: none; color: #c2ff9f; }
#catMenu ul.children li a:hover {background: transparent; color: #55c614; }

.page-link { color:#55c614;}
.page-link:hover { color:#333;}
.disabled {
	color: #333;
    text-decoration: none;
	background-color: #e9ecef;
    border-color: #dee2e6;
}
.disabled a { color:#333;}
.disabled:hover,
.disabled a:hover { color:#333; text-decoration:none; }

.content-section .card { border-color: var(--green);}
.content-section .card .card-header { background: #fff; border-color: var(--green);}
.content-section .card .card-title { font-size: 1rem;}
.content-section .card .card-title a { color:#343a40; }
.content-section .card .card-subtitle,
.content-section .card .text-muted a { font-size: .85rem; color:#b5bdc3 !important; letter-spacing: 0;}
.content-section .card .card-img-container { overflow:hidden;}
.content-section .card .card-img-container,
.content-section .card .card-img-placeholder { height: 217px; display:block; width: 100%;}
.content-section .card .qty-field { max-width: 50px; }

#productViewDetails .text-muted { color:#84929c !important; }

.filters h5 { letter-spacing: 0; text-transform:none; margin-bottom: .8rem;}

.breadcrumb-item { color: #fff; text-transform:lowercase;}
.breadcrumb-item a { color: #000; }
.breadcrumb-item.active { color: #777; }
.breadcrumb-item+.breadcrumb-item::before { content: "\00BB"; } /* reset to: raquo*/

.bg-dark.list-group { background: none !important;}
.bg-dark.list-group .list-group-item { background: #0c6100; color:#c2ff9f; border-color:#139500;}
#catMenu .list-group-item.active,
.bg-dark.list-group .list-group-item:hover { background: #55c614; border-color: #0c6100; color: #000;}

/* light gallery edit */
#lg-outer { background: rgba(0, 0, 0, 0.7) !important; }

/* ===== General ===== */
.posr { position:relative; }
.content-edit-btn { position:absolute; z-index: 99;  right: 10px; top: 10px;}
.preloader { position:absolute; top: 3px; right: -50px; z-index: 99; }
.card-preloader { 
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
	text-align:center;
	vertical-align:middle;
}
.card-preloader { margin: auto; padding-top: 70%; }
.card-preloader:before {
	content: "";
	display: block;
	position:absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #FFF;
	background: rgba(255, 255, 255, 0.7);
	width: 100%;
	height: 100%;
}
.hide { display:none; }
.stop-scrolling { height: 100%; overflow: hidden; } /* this is for the js disable scroll function */

#flashContent #flashMessage {
	margin-top: 0;
	width: 100%;
}

form .req-label { 
	color:#f00; font-size: 9px; margin-right: 0;
	position: relative;
    width: 10px;
    height: 10px;
}
form .req-label::before { position: absolute; top: 0;}

table.table th { font-weight: 700;}

img::selection {
  background: transparent;
}

img::-moz-selection {
  background: transparent;
}

.error { color:#f00;}

.bg-yellow { background:#ffce3a; }
.bg-yellow .border-top { border-color:#caad57 !important; }

#MyAccOptions { padding: 0px 0; }
#MyAccOptions:hover .card {
	display:block;
}
#MyAccOptions .card {
	display:none;
	position: absolute;
	min-width: 190px;
	max-width: 210px;
	left: 50%;
	transform: translateX(-50%);
	margin: 5px auto 0 auto;
	z-index: 999;
}
#MyAccOptions .card:before { 
	content: "";
	position:absolute;
	top: -10px; left: 0; right: 0;
	margin: 0 auto;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent; 
	border-bottom: 10px solid #f7f7f7;
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #439f0e;
    border-color: #55c614;
}
.btn.text-dark.text-underline { 
	border:none; border-bottom: 1px solid #121416; 
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.btn.text-dark.text-underline:hover { 
	border-color:#ccc;
}
input.error, input.form-error, 
select.error, select.form-error { border: 1px solid #f00;}

.opacity-5 { 
	opacity: 0.5;
	-webkit-transition: all 0.2s ease-in-out;
	  -moz-transition: all 0.2s ease-in-out;
	  transition: all 0.2s ease-in-out;

}
.opacity-5:hover { opacity: 1;}

form .form-check.checkbox { position:relative; }
form .form-check.checkbox .error-message { 
	position:absolute; bottom: -44px; width: 100%; display:block; border-top: 1px solid #f00;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.masthead form input.form-error { border-color:#efff00; }
.masthead form .error-message {
	text-shadow: none;
    color: #ff0;
}
.hidden { display:none;}
.badge { font-weight: normal;}
.badge-outline-white { background: transparent; color:#fff; border: 1px solid #fff;}
.badge-outline-black { background: transparent; color:#000; border: 1px solid #000;}
.badge-outline-dark { background: transparent; color:#343a40; border: 1px solid #343a40;}
.badge-outline-secondary { background: transparent; color:#6c757d; border: 1px solid #6c757d;}
.badge-outline-primary { background: transparent; color:#007bff; border: 1px solid #007bff;}
.badge-outline-success { background: transparent; color:#28a745; border: 1px solid #28a745;}
.badge-outline-warning { background: transparent; color:#000; border: 1px solid #ffc107;}
.badge-outline-danger { background: transparent; color:#dc3545; border: 1px solid #dc3545;}
.badge-outline-info { background: transparent; color:#000; border: 1px solid #17a2b8;}

.img-placeholder { width: 100%; height: 100px;}

.btn { text-decoration: none !important; outline: none !important; font-weight: 600; }
.btn-green-light { background: #93ff56; border-color:#93ff56; color:#000; }
.btn-green-light:hover { background: #c2ff9f; border-color:#c2ff9f; color:#000; }
.btn-outline-green-light { background: transparent; border-color:#c2ff9f; color:#c2ff9f; }
.btn-outline-green-light:hover { background: #c2ff9f; border-color:#c2ff9f; color:#000; }
.btn-green-dark { background: #042000; border-color:#042000; color:#93ff56; }
.btn-green-dark:hover { background: #000; border-color:#000; color:#fff; }
.btn-styled { border-width: 2px; border-color: inherit; }
.btn-icn { opacity: 1; text-decoration:none; }
.btn-icn:hover { opacity: .5; text-decoration:none; }

#sortBtns a {display:block;}
#sortBtns a:focus {outline nonel box-shadown: none; color:#fff;}

#export-btn {
	position:absolute;
	right: 0;
	top: 3px;
}

/* always show this by default */
.show-hide-target.hide { display:block !important; }

.bg-image {  }
.bg-image-comanda { background-image:url("../img/comanda_online.png"); background-repeat: no-repeat; background-size: auto 100%; background-position: left top;}
.bg-image-comanda-lg { background-image:url("../img/comanda_online_lg.png"); background-repeat: no-repeat; background-size: cover; background-position: center bottom; height: 200px; }
.bg-image-lg {  }

.row-flex {
  display: flex;
  flex-wrap: wrap;
}
.d-columns {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
}
.align-middle, .flex-middle { display: flex; align-items: center; }
.inline-flex-middle { display:inline-block; display: inline-flex !important; align-items: center; }
.gap-1 { gap: 10px 10px; /* row-gap column gap */ }
.gap-2 { gap: 20px 20px; /* row-gap column gap */ }
.same-col-height { height: 100%; }

.bx-sh { box-shadow: rgb(0 0 0 / 10%) 0px 5px 15px; }
.td-align-middle { vertical-align:middle;}
.thead-dark-green tr td,
.thead-dark-green tr th { background: var(--green-darkest); color:#fff !important;}
input.form-control,
textarea.form-control { border-color:#aaa;}

#gallery { display: flex; flex-wrap: wrap; gap: 10px 10px; }
#gallery .thumb { max-width: 200px; height: auto; }
.img-styled {
	border-radius: 10px;
	border: 1px solid #37840b;
	box-shadow: rgb(0 0 0 / 10%) 0px 5px 15px;
}
.img-styled img { border-radius: 10px;}

.stock-info { padding: 0.5rem; text-align:center; font-size: 16px; margin-bottom: 0 !important; }


/* CUSTOM FLEX */
.d-flex { display: flex; }
.d-inline-flex { display: inline-flex;}
.flex-col-cc, .flex-middle { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.flex-col-row { display: flex; flex-direction: column; }
.flex-row-col { display: flex; flex-direction: row; }
.flex-row { flex-direction: row; }
.flex-col { flex-direction: column; }
.flex-cs { display: flex; justify-content: center; align-items: start; }
.flex-cc { display: flex; justify-content: center; align-items: center; }
.flex-ce { display: flex; justify-content: center; align-items: end; }
.flex-ss { display: flex; justify-content: start; align-items: start; }
.flex-sc, .flex-icon { display: flex; justify-content: start; align-items: center; }
.flex-se { display: flex; justify-content: start; align-items: end; }
.flex-es { display: flex; justify-content: flex-end; align-items: start; }
.flex-ec { display: flex; justify-content: flex-end; align-items: center; }
.flex-ee { display: flex; justify-content: flex-end; align-items: end; }
.flex-inline-icon { display: inline-flex; justify-content: start; align-items: center; }
.jsc-start { justify-content: start; }
.jsc-center { justify-content: center; }
.jsc-end { justify-content: flex-end; }
.jsc-between { justify-content: space-between; }
.jsc-evenly { justify-content: space-evenly; }
.ai-start { align-items: start;  }
.ai-center { align-items: center;  }
.ai-end { align-items: end;  }
.ai-stretch { align-items: stretch;  }
.flex-img-txt { display: flex; justify-content: center; align-items: start; flex-direction: row; }
.flex-img-txt em, .flex-img-txt img { margin-top: 2px; }
.gap--5, .gap--5 .inner { gap: 5px !important; }
.gap-10, .gap-10 .inner { gap: 10px !important; }
.gap-15, .gap-15 .inner { gap: 15px !important; }
.gap-20, .gap-20 .inner { gap: 20px !important; }
.gap-25, .gap-25 .inner { gap: 25px !important; }
.gap-30, .gap-30 .inner { gap: 30px !important; }
.gap-60, .gap-60 .inner { gap: 60px !important; }
.flex-1 { flex: 1 !important; }
.flex-2 { flex: 2 !important; }
.flex-3 { flex: 3 !important; }
.flex-4 { flex: 4 !important; }
.flex-5 { flex: 5 !important; }
/* end CUSTOM FLEX */

/* ==== Media ==== */
@media (max-width: 1199px) {
	
}

@media (max-width: 992px) 
{
	#navToggle { display: block; }
	#mainNav .container { max-width: 992px !important; }
	.show-hide-btn { 
		font-size: 1.25rem !important; 
		text-transform: uppercase;
		letter-spacing: 3px;
		outline: none !important;
		box-shadow: none !important;
	}
	.show-hide-target.hide { display: none !important; }
	
	#catToggleBtn { color:#fff; }
	#catMenu #categoriesWrapper .list-group-item:first-child { 
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.form-check { align-items: baseline; }
}

@media (max-width: 768px) 
{
	#ourOffers .col-12 { border: 0 !important; }
	#SearchResultIndexForm .col-1 { min-width: 43px; }
	#SearchResultIndexForm .col-11 { max-width: 465px; }
	.img-thumb-sm {
		max-width: 40px;
		max-height: 40px;
	}
	.table-responsive .table { min-width: 500px; }
	.col-form-label { font-size: 1rem; margin-bottom: 0 !important;}
	.check-group-lg input { width: 20px; height: 20px; }
	.check-group-lg label { font-size: 1.25rem; }
	#export-btn {
		position:relative;
	}
	.modal #export-btn { margin-right: -15px !important;}
	
	.mobile-fz-sm, .table-sm th { font-size: 0.875rem; }
	.mobile-fz-xs { font-size: 0.75rem; }
	.mobile-fz-default { font-size: 1rem; }
	.mobile-fz-md { font-size: 1.125rem; }
	.mobile-fz-lg { font-size: 1.25rem; }
	.mobile-fz-xl { font-size: 1.375rem; }
	.mobile-fz-xxl { font-size: 1.5rem; }
	.mobile-fz-xxxl { font-size: 2rem; }
	
}

@media (max-width: 576px) { 
	#mobileNav { width: 90%; }
}
/* // (phones, up to 383px) */
@media (max-width: 383px) {  
	#mobileNav { width: 100%; }
	#mobileNav a.nav-link { font-size: 1.125rem; }
}

@media (min-width: 992px) 
{ 
	.btn:focus {
	  outline: none;
	  box-shadow: none;
	}
	.border-lg-0 { border: 0 !important;}
}