html,body {
	font-family:Verdana,sans-serif;
	font-size:15px;
	line-height:1.5;
}

html {
	overflow-x:hidden;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}

body {
	background-color: #211f22;
	color: #ffffff;
	margin: 0;
}

a {
	text-decoration: none;
	color: #2969b0;
}
a:hover { color: #00aa00; }

.bold { font-weight: bold; }

.stroke { text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000; }

.blue { background-color: #2969b0; }

.image { max-width:100%; height:auto; }

.right { float: right; }

.shadow { box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19); }

.hide { display: none; }

::placeholder{ color: inherit; opacity: 0.54; }

@media (min-width:993px){ .hide_large{ display: none; } }

@media only screen {
	.printonly { display: none; }
}
@media only print {
	.noprint { display: none; }
}

.header {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
	background-color: #2969b0;
}

.header_logo, .header_search {
	width: 100%;
	min-width: 220px;
	margin: 0px;
	padding: 8px;
}

.header_search input, .header_search button {
	background-color: #2969b0;
	color: #ffffff;
	border: 1px solid #000000;
	border-radius: 4px;
	padding: 8px 16px;
	font: inherit;
}

@media (min-width: 601px) {
	.header { flex-wrap: nowrap; }
	.header_logo { width: 33.3%; }
	.header_search { width: 66.7%; }
}

.sticky_top {
	position: sticky;
	top: 0;
	z-index: 101;
	background-color: #211f22;
	color: #ffffff;
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}

.topmenu ul {
	list-style-type: none;
	margin: 2px;
	padding: 0;
	overflow: hidden;
	display: inline-block;
}
.topmenu li { float: left; }
.topmenu li a {
	color: #ffffff;
	display: block;
	text-align: center;
	padding: 16px;
	font-weight: bold;
}
.topmenu li a:hover {
	color: #00aa00;
	background-color: #111111;
}
.topmenu .active {
	color: #ffffff;
	background-color: #2969b0;
}
.topmenu img { vertical-align: inherit; }

.topmenu_items { display:none; }

@media (min-width: 993px) {
	.topmenu_items { display:inline; }
}

.cart_btn, .cart_btn_empty {
	margin: 8px;
	color: #ffffff;
	background-color: #2969b0;
    user-select: none;
	border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}
.cart_btn_empty { cursor: default; }
.cart_btn:hover {
	color: #ffffff;
	background-color: #00aa00;
}
.cart_mini {
	width: 400px;
	max-height: 400px;
	right:8px;
	overflow: auto;
}
.cart_mini:hover .cart_btn {
	background-color:#111111;
}

.main {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.main_sidebar, .main_content {
	width: 100%;
	min-width: 220px;
	margin: 0px;
	padding: 8px;
}

.main_sidebar {
	display:none;
	background-color: #211f22;
	color: #ffffff;
}

.main_content {
	background-color: #ffffff;
	color: #000000;
}

@media (min-width: 993px) {
	.main { flex-wrap: nowrap; }
	.main_sidebar { display:block; width: 25%; }
	.main_content { width: 75%; }
}


/* Icomoon */
@font-face {
	font-family: 'icomoon';
	src: url('https://whammy.nescgi.com/images/icons/icomoon.ttf');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: 'icomoon' !important;
	speak: none;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
}
.icon-arrow_drop_down:before {
  content: "\e902";
}
.icon-arrow_drop_up:before {
  content: "\e904";
}
.icon-home:before {
  content: "\e900";
}
.icon-home2:before {
  content: "\e901";
}
.icon-office:before {
  content: "\e903";
}
.icon-pencil:before {
  content: "\e905";
}
.icon-file-text2:before {
  content: "\e926";
}
.icon-folder-open:before {
  content: "\e930";
}
.icon-price-tag:before {
  content: "\e935";
}
.icon-cart:before {
  content: "\e93a";
}
.icon-envelop:before {
  content: "\e945";
}
.icon-clock:before {
  content: "\e94e";
}
.icon-printer:before {
  content: "\e954";
}
.icon-floppy-disk:before {
  content: "\e962";
}
.icon-search:before {
  content: "\e986";
}
.icon-cog:before {
  content: "\e994";
}
.icon-bin:before {
  content: "\e9ac";
}
.icon-truck:before {
  content: "\e9b0";
}
.icon-list:before {
  content: "\e9ba";
}
.icon-tree:before {
  content: "\e9bc";
}
.icon-menu:before {
  content: "\e9bd";
}
.icon-menu2:before {
  content: "\e9be";
}
.icon-menu3:before {
  content: "\e9bf";
}
.icon-menu4:before {
  content: "\e9c0";
}
.icon-download3:before {
  content: "\e9c7";
}
.icon-earth:before {
  content: "\e9ca";
}
.icon-eye:before {
  content: "\e9ce";
}
.icon-warning:before {
  content: "\ea07";
}
.icon-notification:before {
  content: "\ea08";
}
.icon-question:before {
  content: "\ea09";
}
.icon-plus:before {
  content: "\ea0a";
}
.icon-minus:before {
  content: "\ea0b";
}
.icon-info:before {
  content: "\ea0c";
}
.icon-cancel-circle:before {
  content: "\ea0d";
}
.icon-blocked:before {
  content: "\ea0e";
}
.icon-cross:before {
  content: "\ea0f";
}
.icon-checkmark:before {
  content: "\ea10";
}
.icon-loop2:before {
  content: "\ea2e";
}
.icon-arrow-up:before {
  content: "\ea32";
}
.icon-arrow-right:before {
  content: "\ea34";
}
.icon-arrow-down:before {
  content: "\ea36";
}
.icon-arrow-left:before {
  content: "\ea38";
}
.icon-arrow-up2:before {
  content: "\ea3a";
}
.icon-arrow-down2:before {
  content: "\ea3e";
}
.icon-new-tab:before {
  content: "\ea7e";
}
