/* desktop */
.nav, .nav ul, .nav ul li, .nav ul li a{display: inline-block; float: left;margin:0; z-index:100; text-align: left;}
.nav ul li.active > a, .left-prodmeny ul li.active > a {font-family: 'HelveticaNeue-Bd', sans-serif;}
.nav ul li{position:relative;}
.nav ul li a, .nav ul li i{height: 40px;line-height: 40px;padding: 0 10px;color:#fff;}
.nav > ul > li > a {cursor: pointer; padding: 0 10px; height: 45px;line-height: 20px;display: flex;align-items: center;font-size:15px; border-left:1px solid #535353; /* box-shadow: inset 0px 0px 42px -28px #444; -webkit-box-shadow: inset 0px 0px 42px -28px #444; -moz-box-shadow: inset 0px 0px 42px -28px #444; -o-box-shadow: inset 0px 0px 42px -28px #444; */}
.nav > ul:first-child > li > a {border-left:1px solid #535353;}
.nav > ul:first-child > li, .nav > ul:nth-child(2) > li {border-left:1px solid #333;}
.nav ul li ul li, .nav ul li ul li a {width:100%;}
.nav ul li i {display: none;}
.nav ul li:hover{background:#eee;}
.nav > ul > li {background:#d9261c;}
.nav > ul > li:hover{background:#333;}
.nav > ul > li:hover > a{color:#fafafa;}
.nav ul li ul {position: absolute;top:45px;left: -1px;width: 270px;background:#ddd;}
.nav ul li ul li ul {position: absolute;top: 0;left: 270px;}
.nav .nav-last-li {border-right: 1px solid #535353;}
.nav .nav-last-li a {border-right: 1px solid #333;}

/* show/hide */
.nav ul li ul{display: none;}
.nav ul > li:hover > ul{display:block;}

.left-prodmeny .prods a {width: 90%; width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px);}
.left-prodmeny .prods i {float: right; position:absolute; right:0; top:0; padding:12px 10px 10px 10px;}
.prods li {position:relative}

/* specialproduktion */
.specialpr {text-align:center; line-height:20px !important; padding-top:50px !important;}

/* left */
.left-prodmeny ul {list-style:none; margin:0;}
.left-prodmeny .prods a, .nav-headline, .left-prodmeny .varum a, .left-side .varum a {width:100%; display:inline-block; padding:10px;}
.left-prodmeny .prods li, .nav-headline, .left-prodmeny .varum a, .left-side .varum a {border-bottom:1px solid #d6d6d6;}
/*.left-prodmeny .prods li:last-child {border-bottom:none;}*/
.left-prodmeny .prods i {float:right;}
.left-prodmeny .varum a, .left-side .varum a {display:block;}
.left-prodmeny .varum a:last-child, .left-side .varum a:last-child {border-bottom:0px;}
.prods .niva2 {background:#e3e3e3;}
.prods .niva2 a {padding-left:15px;}
.prods .niva3 {background:#d9d9d9;}
.prods .niva3 li {border-bottom: 1px solid #ccc;}
.prods .niva3 a {padding-left:25px;}
.prods li li:last-child, .prods li li li:last-child {border-bottom:0px !important;}

/* show/hide */
.prods ul, 
.prods ul li, 
.prods ul li a, 
.prods ul > li.active > ul, 
.prods ul > li.active-parent ul, 
.prods ul > li.active-parent > ul > li.active > ul,
.prods ul > li.active-parent ul > li.active > ul, .prods ul > li.active-parent ul > li.active-parent ul {display:block;width:100%;float:left;}
.prods ul li ul, 
.prods ul > li.active-parent ul li ul{display:none;}
.prods ul > li.active > i.fa-chevron-down:before, .prods ul > li.active-parent > a > i.fa-chevron-down:before {content:'\f077';}

@media all and (min-width: 851px) {
}

@media all and (max-width: 1180px) and (min-width: 850px) {
	.nav > ul > li > a {
		padding: 0 10px;
	}
	.prodmeny.nav {
		margin: 0;
	}
}
@media all and (max-width: 1000px) and (min-width: 850px) {
	.nav > ul > li > a {
		padding: 0 5px;
		font-size: 14px;
	}
}

/* mobil */
@media all and (max-width: 850px) {
body{background:#333;}
#bodywrapper{background:#fff; min-height:100%; position:relative;}
.mobilenav.active, #bodywrapper {transform:translateX(0px) !important; -webkit-transform:translateX(0px) !important; -ms-transform:translateX(0px) !important;}
.mobilenav, .mobilenav.active, #bodywrapper.active, #bodywrapper {transition:transform 0.5s ease 0s; -webkit-transform:transform 0.5s ease 0s; -ms-transform:transform 0.5s ease 0s; -ms-transition:transform 0.5s ease 0s; -o-transition:transform 0.5s ease 0s;}
.mobilenav {height:100%; overflow-x:hidden; overflow-y:scroll; position:fixed; width:100%; z-index:10; top:40px; padding:0 0 100px 0; background:#333; -webkit-box-shadow:inset -7px 0 5px -5px #444; box-shadow: inset -7px 0 5px -5px #444; -moz-box-shadow: inset -7px 0 5px -5px #444; -o-box-shadow: inset -7px 0 5px -5px #444; display:block;}
.mobilenav {transform:translateX(-100%); -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%);}
.mobilenav .fraktinformation {display:none;}
.mobilenav .left-side {margin-bottom:0 !important;}
.mobilenav-icon.active i:before {content:"\f00d";}
.inloggning a.active i:before {content:"\f00d";}
.inloggningsruta .close {display:none;}
.inloggningsruta a.button {margin-top: 10px;}
.left-prodmeny {margin:0; border: 0px !important; background: none !important;}
.prods .niva2, .prodmeny.nav ul.niva1 li ul, .left-side .varum {background: #232323 !important}
.prods .niva3 {background: #181818;}
.left-prodmeny a, .left-side a {color: #fff !important}
.left-prodmeny .prods li, .nav-headline, .left-side .varum a, .prodmeny > ul > li {border-bottom: 1px solid #444 !important}
.left-side > .varum {border:none !important; margin-top:0px !important;}
.prods .niva3 li {border-bottom: 1px solid #333 !important;}
.nav li i, .prods li i, .prodmeny li i  {font-size:18px;}
.nav-headline {color: #fff !important}
.nav-menu.produkter, .nav-menu.produkter li {float: left; width: 100%; }
.nav > ul > li > a {width: 100%; height: 30px; line-height: 30px;}
.nav ul li ul {position: relative;}
.toppmeny.col, .toppmeny.col a {width: 100%; float: left: ; border: 0px;}
.specialpr {padding: 0px; line-height: normal;}
.left-prodmeny .prods i {padding: 10px 10px 9px 10px;}
.specialpr {text-align: left;}
.nav > ul > li > a {text-shadow:rgba(3, 3, 3, 0.2) 2px 2px 0px !important;}
.nav > ul > li > a > i {text-shadow: none !important;}
.toppmeny ul li ul li a:hover {background: #232323;}

/* ÖVRIGA */
.prodmeny.nav {margin: 0; width:100%}
.nav-menu.produkter {display:none;}
.prodmeny.nav ul.niva1, .prodmeny.nav ul.niva1 li, .nav-menu.kampanjmenu {display:block; width:100%; height:auto;}
.prodmeny.nav ul.niva1 li, .nav-menu.kampanjmenu li {display: block; width: 100%; height: auto;}
.prodmeny.nav ul li a, .prodmeny.nav ul.kampanjmenu li a {padding:10px; height:auto; line-height:normal; border-left:1px solid #535353; border-right:0px; -webkit-box-shadow: none; box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; padding-top:10px !important; border-left:0px;}
.prodmeny.nav ul.niva1 li ul {top:0;}
.prodmeny.nav ul.niva1 {width:100%;}
.prodmeny.nav ul.niva1 li ul li ul, .prodmeny.nav ul.niva1 ul.niva1 {display:none !important;}
.prodmeny.nav li.active > ul, .prodmeny.nav ul.niva1 li.active ul.niva1  {display:block !important;}
.prodmeny.nav i {display:block; float:right; position:absolute; right:0px; top:0;}
.prodmeny.nav ul.niva1 ul.niva1 > li > a {font-weight:normal !important; text-transform: inherit !important;}
.prodmeny.nav ul.niva1 ul.niva1 {box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important;}
.prodmeny.nav > ul > li:hover {background: transparent;}
.prodmeny.nav ul li:hover {background: transparent;}
.nav > ul > li > a {box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important;-o-box-shadow:none !important;}
.nav > ul.kampanjmenu {border-right:none;}
.prods li li:last-child, .prods li li li:last-child {border-bottom:0px !important;}