/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('/fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/lato-v14-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Italic'), local('Lato-Italic'),
       url('/fonts/lato-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/lato-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/lato-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/lato-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/lato-v14-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('/fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('/fonts/lato-v14-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
       url('/fonts/lato-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/lato-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/lato-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/lato-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/lato-v14-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}

body {
	border: none;
	font-family: "Lato", sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	color: #004667;
	text-align: left;
    background: #fff;
    background-image: linear-gradient(to bottom, #99b5c2, #fff);
	background-repeat: no-repeat;
}

h1,h2,h3,h4,h5,h6 {
font-style:normal;
font-weight:400;
}

#header  {
	background: #fff;
}

.headerlogo  {
	height: auto;
}

#main-nav {
	background: #fff;
}

#menubutton {
	display: none
}

#main-menu {
	margin: 0 1em;
}

#main-menu a {
    padding: 0.75em;
	font-size: 1.25em;
	white-space: nowrap;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}

#main-menu a:hover,
#main-menu a:focus  {
    background: #ec7528;
	text-decoration: none;
	color: #fff;
}

#main-menu .current {
	background: #004667;
	color: #fff;
}

#main-menu .disabled {
	color: #99b5c2;
}

#main-menu .disabled:hover,
#main-menu .disabled:focus {
	background: #fff;
	color: #99b5c2;
}

#container   {
	width: auto;
	hyphens: auto;
}

section {
	width: 100%;
	display: table;
	clear: both;
	margin: 2em  0 0 0;
	padding: 2em 0 0 0;
	border-top: 1px solid #99b5c2;
}

section img {
	width: auto;
	height: auto;
}

.ghostbutton  {
	display: inline-block;
	margin: 0.25em 0 0 0;
	padding: 0.33em;
	background: #ec7528;
	background-image: linear-gradient(to bottom, #ec7528, #bd5e1f);
	font-size: 1.25em;
    color: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}

#searchField {
  background-image: url('/images/search.png');
  background-position: 10px 12px;
  background-repeat: no-repeat;
  padding: 12px 20px 12px 40px;
}

#itemList {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

#itemList li {
 margin: 0.5em 0;
 padding: 0;
}

#itemList li a:hover:not(.header) {
  background-color: #eee;
}

/* malu ORDER */
body.malu-order {
	max-width: 1600px;
}

#container .malu-order li {
    list-style: none;
    background: url("/images/tick_malu-order.png") no-repeat left top;
    padding: 0 0 1em 2em;
}

.malu-order th {
background: #39a9dc;
background-image: linear-gradient(to bottom, #39a9dc, #2e87b0);
}

.malu-order a, .malu-order a:hover, .malu-order a:focus {
color: #39a9dc;
}

.malu-order .button, .malu-order .button:hover, .malu-order .button:focus, .malu-order #main-menu a:hover, .malu-order #main-menu a:focus  {
background: #39a9dc;
color: #fff;
}

.malu-order #main-menu .current {
background: #004667;
color: #fff;
}

.malu-order .button {
background-image: linear-gradient(to bottom, #39a9dc, #2e87b0);
}

.malu-order .ghostbutton  {
    color: #fff;
	background: #39a9dc;
    background-image: linear-gradient(to bottom, #39a9dc, #2e87b0);
}

.malu-order .ghostbutton:hover, .malu-order .ghostbutton:focus  {
    color: #fff;
}

.malu-order .ghostbutton.disabled, .malu-order .button:disabled {
	background: #ccc;
    background-image: linear-gradient(to bottom, #ccc, #bbb);
}

.malu-order .success {
	padding-left: 25px;
	min-height: 25px;
	background: url(/images/tick_malu-order.png) center left no-repeat;
	}

@media (min-width: 768px) {

.malu-order #main-menu a {
background: #39a9dc;
background-image: linear-gradient(to bottom, #39a9dc, #2e87b0);
}

.malu-order #main-menu ul li a {
background: #fff;
background-image: none;
color: #39a9dc;
}

.malu-order .header-bg {
margin: 0 1em;
background-image: url("/images/header_malu-order.jpg");
background-size: cover;
}

.malu-order .header-ei {
background-image: linear-gradient(to bottom, #fff 0%, #fff 50%, #F1EFDA 75%, #fff);
}

}

@media (max-width: 999px) {
.malu-order #main-menu a {
font-size: 1em;
letter-spacing: -1px;
}

}

@media (max-width: 767px) {
.malu-order #main-menu a {
color: #39a9dc;
letter-spacing: 0;
}

.malu-order .line { 
background: #39a9dc; 
}

.malu-order td::before {
background: #39a9dc;
background-image: linear-gradient(to bottom, #39a9dc, #2e87b0);
}
}

/* PRIMA */
body.prima {
	max-width: 1600px;
}

#container .prima li {
    list-style: none;
    background: url("/images/tick_prima.png") no-repeat left top;
    padding: 0 0 1em 2em;
}

.prima th {
background: #80848a;
}

.prima a, .prima a:hover, .prima a:focus {
color: #4e81bd;
}

.prima .button, .prima .button:hover, .prima .button:focus, .prima #main-menu a:hover, .prima #main-menu a:focus  {
background: #4e81bd;
color: #fff;
}

.prima #main-menu .current {
background: #405a9a;
color: #fff;
}

.prima .button {
background: #80848a;
}

.prima .ghostbutton  {
    color: #fff;
background: #80848a;
}

.prima .ghostbutton:hover, .prima .ghostbutton:focus  {
    color: #fff;
	background: #405a9a;
}

.prima .ghostbutton.disabled, .prima .button:disabled {
	background: #ccc;
}

.prima .success {
	padding-left: 25px;
	min-height: 25px;
	background: url(/images/tick_prima.png) center left no-repeat;
	}

@media (min-width: 768px) {

.prima #main-menu a {
background: #80848a;
}

.prima #main-menu ul li a {
background: #fff;
background-image: none;
color: #80848a;
}

}

@media (max-width: 999px) {
.prima #main-menu a {
font-size: 1em;
letter-spacing: -1px;
}

}

@media (max-width: 767px) {
.prima #main-menu a {
color: #80848a;
letter-spacing: 0;
}

.prima .line { 
background: #80848a; 
}

.prima td::before {
background: #80848a;
}
}


/* malu INFO */
body.malu-info {
	max-width: 1600px;
}

#container .malu-info li {
    list-style: none;
    background: url("/images/tick_malu-info.png") no-repeat left top;
    padding: 0 0 1em 2em;
}

.malu-info th {
background: #8cb110;
background-image: linear-gradient(to bottom, #8cb110, #708e0d);
}

.malu-info a, .malu-info a:hover, .malu-info a:focus {
color: #8cb110;
}

.malu-info .button, .malu-info .button:hover, .malu-info .button:focus, .malu-info #main-menu a:hover, .malu-info #main-menu a:focus  {
background: #8cb110;
color: #fff;
}

.malu-info #main-menu .current {
background: #004667;
color: #fff;
}

.malu-info .button {
background-image: linear-gradient(to bottom, #8cb110, #708e0d);
}

.malu-info .ghostbutton  {
    color: #fff;
	background: #8cb110;
    background-image: linear-gradient(to bottom, #8cb110, #708e0d);
}

.malu-info .ghostbutton:hover, .malu-info .ghostbutton:focus  {
    color: #fff;
}

.malu-info .ghostbutton.disabled {
	background: #ccc;
    background-image: linear-gradient(to bottom, #ccc, #bbb);
}

.malu-info .success {
	padding-left: 25px;
	min-height: 25px;
	background: url(/images/tick_malu-info.png) center left no-repeat;
	}

@media (min-width: 768px) {

.malu-info #main-menu a {
background: #8cb110;
background-image: linear-gradient(to bottom, #8cb110, #708e0d);
}

.malu-info #main-menu ul li a {
background: #fff;
background-image: none;
color: #8cb110;
}

}

@media (max-width: 999px) {
.malu-info #main-menu a {
font-size: 1em;
letter-spacing: -1px;
}

}

@media (max-width: 767px) {
.malu-info #main-menu a {
color: #8cb110;
letter-spacing: 0;
}

.malu-info .line { 
background: #8cb110; 
}

.malu-info td::before {
background: #8cb110;
background-image: linear-gradient(to bottom, #8cb110, #708e0d);
}
}


/* malu DELIVERY */

.malu-delivery .ghostbutton  {
    color: #fff;
	background: #e3004f;
    background-image: linear-gradient(to bottom, #e3004f, #b60040);
}

.malu-delivery .ghostbutton:hover, .malu-delivery .ghostbutton:focus  {
    color: #fff;
}

#container .malu-delivery li {
    list-style: none;
    background: url("/images/tick_malu-delivery.png") no-repeat left top;
    padding: 0 0 1em 2em;
}


#container .malu-order li:last-child,
#container .malu-info li:last-child,
#container .malu-delivery li:last-child,
#container .prima li:last-child {
    padding: 0 0 0 2em;
}

table.entitytable .ghostbutton {
	width: 48%;
	min-width: 100px;
	max-width: 150px;
}

.actions, .filter {
	margin: 0 0 1em 0;
}

.actions .ghostbutton {
	margin: 0 1em 1em 0;
}

.filter div.left, .filter div.right {
	display: inline-block;
	width: auto;
	float: none;
	margin: 0 0 1em 0;
}

.filter input, .filter select {
	margin: 0 0.5em 0 0;
}

.ghostbutton:hover,
.ghostbutton:focus  {
    background-image: none;
    color: #fff;
	text-decoration: none;
}

.full {
	width: auto;
	height: auto;
	margin: 0 0 2em 0;
}

h1 {
	font-family: inherit;
	font-size: 2em;
	line-height: 1.25em;
	color: inherit;
	text-transform: none;
}

h2 {
	font-family: inherit;
	font-size: 1.5em;
	line-height: 1.25em;
	color: inherit;
}

h3 {
	font-family: inherit;
	font-size: 1.25em;
	line-height: 1.25em;
	color: inherit;
}

a {
	font-weight: 400;
	color: #ec7528;
	text-decoration: none;
}

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

ul {
	padding: 0 0 0 1em;
}

li {
    padding: 0 0 0.5em 0.5em;
}

table, td, tr, th {
	border: 1px solid #ccdae1;
}

th {
background: #ec7528;
background-image: linear-gradient(to bottom, #ec7528, #bd5e1f);
color: #fff;
}

.description {
	padding: 0.5em 1em 0.5em 0;
}

.price {
	padding: 0.5em 0;
	white-space: nowrap;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

legend {
	font-size: 1.5em;
	margin: 0;
}

label {
	display: block;
	margin: 1em 0 0.25em 0;
	font-weight: 700;
	cursor: pointer;
}

label.inline {
	display: inline;
	font-weight: normal;
	}

.textinput {
	display: block;
	width: 90%;
	max-width: 30em;
	height: auto;
	overflow: hidden;
	margin: 0;
	padding: 0.5em;
	border: 1px solid #99b5c2;
	font-family: "Lato", sans-serif;
	font-size: 1em;
}

textarea {
	display: block;
	width: 90%;
	max-width: 30em;
	height: auto;
	min-height: 8em;
	overflow: hidden;
	margin: 0;
	padding: 0.5em;
	border: 1px solid #99b5c2;
	font-family: "Lato", sans-serif;
	font-size: 1em;
}

.button {
	padding: 0.75em;
	border: 0;
	background: #ec7528;
	background-image: linear-gradient(to bottom, #ec7528, #bd5e1f);
	font-size: 1.25em;
	font-weight: 400;
    color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}

.small.button {
	padding: 0.3em 0.75em;
}

.button:hover,
.button:focus  {
	background: #ec7528;
}

#footer-nav {
	background: #fff;
}

#footer-menu {
    padding: 0;
    border-top: 1px solid #99b5c2;
}

#footer-menu a {
	padding: 1em;
	color: #6691a4;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}

#footer-menu a:hover,
#footer-menu a:focus {
    background: #99b5c2;
	color: #fff;
	text-decoration: none;
}

#footer-menu .current {
	background: #004667;
	color: #fff;
}

#footertext   {
	display: none;
}

hr {
border: none;
border-top:1px solid #99b5c2;
width:100%;
}

.success {
	font-weight: 700;
	margin-bottom: 1em;
	}

.error {
	font-weight: 700;
	margin-bottom: 1em;
	color:#FF0000;
	padding-left: 25px;
	min-height: 25px;
	background: url(/images/cross.png) center left no-repeat;
	}
	
.caution {
	font-weight: 700;
	margin-bottom: 1em;
	color:#FF0000;
	}

.inactive {
	color: #999999;
	text-decoration: line-through;
	}

.highlight {
	background-color: #FFCC99 !important;
	}
	
.highlight2 {
	background-color: #DDAA77 !important;
	}

@media (min-width: 1000px) {
	
	body {
		margin: 1em auto 0 auto;
	}

}

@media (max-width: 999px) {
	
	body {
		margin: 0 auto;
	}
	
	

}

@media (min-width: 768px) {
	
	.headerlogo  {
		width: 240px;
		margin: 1em 2em 2em 2em;
	}
	
	.menubutton { 
		display: none
	}

	#main-menu ul {
		position: absolute;
		background: #fff;
		box-shadow: 2px 2px 6px 4px rgba(0,0,0,0.2);
		-webkit-box-shadow: 2px 2px 6px 4px rgba(0,0,0,0.2);
		-moz-box-shadow: 2px 2px 6px 4px rgba(0,0,0,0.2);
	}
	
	#main-menu li {
		border-left: 2px solid #fff;
	}

	#main-menu li:first-child,
	#main-menu ul li	{
		border-left: none;
	}

	#main-menu a {
		background: #ec7528;
		background-image: linear-gradient(to bottom, #ec7528, #bd5e1f);
		color: #fff;
	}
	
	#main-menu ul li a {
		background: #fff;
		background-image: none;
		color: #ec7528;
	}

	#container   {
		padding: 2em 2em 1em 2em;
	}
	
	.left {
		width: 50%;
		float: left;
		padding: 0 2em 0 0;
	}

	.right {
		width: 50%;
		float: right;
		padding: 0 0 0 2em;
	}

	#footer-menu li {
		border-left: 1px solid #99b5c2;
	}

	#footer-menu li:first-child {
		border-left: none;
	}

}

@media (max-width: 767px) {
	
	.headerlogo  {
		width: 240px;
		margin: 1em 2em;
	}
	
	.menubutton {
		margin: 0;
		display: block;
		width: 30px;
		height: 41px;
		position: absolute;
		top: 1em;
		right: 1em;
		cursor: pointer;
	}

	.line { 
		position: absolute; 
		display: block; 
		width: 30px; 
		height: 4px; 
		background: #ec7528; 
		transform-origin: center; 
		transition: all 0.5s ease; 
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
	}

	.line:nth-child(1) { top: 12px; }
	.line:nth-child(2) { top: 24px; }
	.line:nth-child(3) { top: 36px; }

	#menubutton:checked + .menubutton .line:nth-child(1){
	   transform: translateY(12px) rotate(-45deg);
	}

	#menubutton:checked + .menubutton .line:nth-child(2){
	   opacity:0;
	}

	#menubutton:checked + .menubutton .line:nth-child(3){
	   transform: translateY(-12px) rotate(45deg);
	}

	#main-menu {
		height: 0;
		overflow: hidden;
		border-bottom: 1px solid #99b5c2;
		transition: all 0.5s ease; 
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
	}

	#menubutton:checked + .menubutton  + #main-menu { 
		height: auto; 
	}
	
	#main-menu li {
		border-top: 1px solid #99b5c2;
	}

	#main-menu a {
		background-color: #fff;
		color: #ec7528;
		white-space:normal;
	}
	
	#main-menu ul  li a {
		padding-left: 1.75em;
	}

	#main-menu ul  li ul li a {
		padding-left: 2.75em;
	}

	.has-submenu::after {
		content: "+";
		font-weight: 700;
		float: right;
	}
	 .has-submenu.highlighted::after {
 	content: "-";
	}

	#container   {
		padding: 2em 1em 1em 1em;
	}

	.left,
	.right {
		width: 100%;
		float: none;
		margin: 0 0 1em 0;
		padding: 0;
	}

	#footer-menu {
		margin: 0 1em;
	}

	#footer-menu li {
		border-top: 1px solid #99b5c2;
	}

	#footer-menu li:first-child {
		border-top: none;
	}
	
	td::before {
	background: #ec7528;
	background-image: linear-gradient(to bottom, #ec7528, #bd5e1f);
	color: #fff;
}
	
}

@media (max-width: 359px) {
	
	.headerlogo  {
		width: 180px;
	}


}

.sm{box-sizing:border-box;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:default;}
.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}