/* desktop */

/* menu */
.nav.toggle-drop {background: #007A87; width: 100%;text-transform: uppercase;text-align:center;    position:fixed;  }
.nav ul{padding:0;}
.nav .section { padding: 0;}
.nav a { height: 70px;line-height: 70px; display: inline-block; padding:0 15px; color:#fff; font-size: 1.2em;text-shadow: 0px 2px #025B65;position:relative;}

@media all and (min-width: 993px) {
    .nav.toggle-drop{display:block;left:0;}
    .nav-toggle .toggle-btn:before{
            content: "";
    border-bottom: 10px solid #007A87;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    bottom: 0;
    left: 25%;
    }
    div#bodywrapper, div#bodywrapper .header, div#bodywrapper .nav-drop {
    left: 0 !important;
}
.nav.toggle-drop{  left: 0 !important;}
.nav .nav-close {display: none;}
.nav ul.niva2 > li > a {padding-bottom: 5px !important;margin-bottom: 5px;    color: #b4a76c;}
.nav ul, .nav ul li, .nav ul li a{display: inline-block;margin:0;}
.nav ul li:hover a:before {content: ""; background: #025B65; height: 4px; width: 100%; position: absolute; bottom: -2px;left: 0;}
.nav ul li:hover ul li a:before {display: none;}
.nav ul > li > ul > li {width: 25%;float: left; text-transform: uppercase;text-align:left;    padding: 20px 10px 0px;}
.nav ul li ul li ul {text-transform: none;width: 100%;display: inline-block;float: left;position: inherit;background:transparent;}
.nav ul li ul li ul li { width: 100%;font-size: 20px;padding:0;}
.nav ul li ul li ul li ul {display: none;}
.nav ul li:hover ul li ul li ul { display: none;}
.nav ul li ul li ul li a {font-size: 14px;border-bottom: 0;}
.nav ul li ul li a{width:100%;height:auto;line-height:normal;}
.nav ul li ul li a {width: 100%;display: inline-block;height: auto;line-height: normal;padding:0;text-shadow: 0px 2px #000;}
.nav ul li i{display: none;}
.nav > ul > li:hover > a{color:#333;}
.nav ul li ul {position: absolute;top: 100%;left: 0; width: 100%;}
/*.nav ul li ul li ul {position: absolute;top: 0;left: 250px;}*/
.nav ul li ul li:hover {}
.toppmeny {display: inline-block;}
.nav ul > li > ul:before { content: ""; width: 100%; background: rgba(25, 25, 25, 0.89); position: absolute;right: 100%;height: 100%;}
.nav ul > li > ul:after {content: "";width: 100%;background: rgba(25, 25, 25, 0.89);position: absolute;left: 100%;height: 100%;}
.nav ul > li > ul li ul:after,  .nav ul > li > ul li ul:before {display: none;}
.nav ul.niva2{ padding-bottom: 30px;min-height: 650px;}
.nav ul li a {border-bottom: 2px solid rgba(86, 86, 86, 0.25);}

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

/* specialanpassade artikelgrupper */
li#id102:hover ul.child-ul.niva3 {display: none;}

}
/* mobil */
@media all and (max-width: 992px) {

#bodywrapper.nav-active, #bodywrapper.nav-active .header {top: 0;position:fixed;width:100%;}
ul.niva1 {
    background: #056d78;
    margin: 0;
    padding: 10px 0;
}
ul.niva1 {
    background: #007a87;
    margin: 0;
    padding:0;
}
.nav .section {
    background: #007A87;
}
a.nav-cart {
    text-align: left;
    width: 100%;
    background: #007A87;
}
.nav i.fa.fa-shopping-cart:before {
    margin-left: 15px;
    height: 40px;
    width:40px;display:inline-block;
}
.nav .nav-close {
    cursor:pointer;
    background: #007A87;
    width: 100%;
    text-align: left;
    padding: 0 15px;
    opacity: 1;
    padding-top: 45px;
    font-size: 1em;
    color: #fff;
    text-shadow: none;
}
.nav .nav-close i { float: left;}
.nav .nav-close i.fa-times:before {
    content: "";
    width: 40px;
    height: 40px;
    background: url(/bilder/butik/close.png) no-repeat;
    display: inline-block;
    background-size: 40px;
    background-position: left center;
}
.nav i.fa.fa-shopping-cart {
    display: inline-block;
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 15px;

}
.nav .nav-close span {
    font-size: 1.2em;
    float: left;
    line-height: 40px;
    padding: 0 15px;
    font-weight: 500;
}

/*.nav a {text-shadow: 0px 2px #000;}*/
.nav.toggle-drop {background: rgb(25, 25, 25);}
.nav.toggle-drop {position: fixed;top: 0;left: -285px;width: 285px;height: 100vh;z-index:100;overflow-y:scroll;display:block; }
/*.nav.toggle-drop:before {box-shadow: inset 0 80px rgba(0, 0, 0, 0.85);position: fixed; z-index: 11;top: 0;left: 0;width: 100%;content: "";height: 100px;}*/
.nav ul li ul {background: transparent;}
.nav ul li ul li{position:relative;width:100%;text-align:left;/* background: #056d78;*/    background: rgba(4, 69, 76, 0.18);}
.nav ul li a{height:auto;line-height:normal;padding: 10px 15px;font-size: 1.0em;}
.nav ul li i{position:absolute;z-index:10;right:0;top:0;width:40px;text-align:center;}
.nav ul li i:before{
    content: "";
    background: url(/bilder/butik/arrow-right.png) no-repeat;
    width: 40px;
    height: 40px;
    display: block;
    background-size: 10px auto;
    background-position: center center;
    cursor:pointer;
}


.nav ul > li.active-parent > a > i:before, .nav ul > li.active > a > i:before, .nav ul > li.expand > a > i:before {
    transform: rotate(90deg);
}
/*.nav ul li:hover{background:transparent;}*/
/* show/hide */
.nav ul, 
.nav ul li, 
.nav ul li a, 
.nav ul > li.active > ul, 
.nav ul > li.active-parent ul, 
.nav ul > li.active-parent > ul > li.active > ul,
.nav ul > li.active-parent ul > li.active > ul{text-align:left;display:block;width:100%;float:left;}
.nav ul li ul, 
.nav ul > li.active-parent ul li ul{display:none;}
.nav ul > li.active > ul {
    display: inline-block;
}
.nav-active .bodycover {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    left: 285px;
}

ul.child-ul {background: #EBEBE9;}

.nav ul li a {
    border-top: 1px solid rgba(86, 86, 86, 0.25);
  /*  box-shadow: inset 0 1px rgba(255, 255, 255, 0.06); */
}
.nav a{ /*   text-shadow: 0px 1px #025B65;*/ text-shadow:none;}
.nav ul li{position:relative;}
/*
.nav ul li i:before {
    content: "";
    background: url(/bilder/butik/arrow-right.png) no-repeat;
    width: 10px;
    height: 13px;
    display: inline-block;
    background-size: auto 13px;
}
.nav ul > li.active > i, .nav ul > li.active-parent > i {
    transform: rotate(90deg);
    transition: all;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	right: -6px;
    top: -2px;
}
*/

}