/*ul.group {
	display:none;
}*/

.nav {
  position:relative;
  display:inline-block;
  font-size:14px;
  font-weight:900;
  width:100%;
  padding:0;
}
.nav ul.group {
  text-align:left;
  width: 100%;
}
.nav ul.group li {
  float:left;
  *display:inline;
  zoom:1;
  position:relative;
}
.nav ul.group li a {
  display:block;
  color:#FFF;
  padding:0 20px;
  background:#35336A;
  border-bottom:1px solid #35336B;
}
.nav ul.group li > a:hover {
  background:#4A4794;
}
.nav ul.group li:hover ul {
  display:block;
}
/* Navigation submenu */
.nav ul.group li ul {
  display:none;
  position:absolute;
  left:0;
  width:180px;
}
.nav ul.group li ul li a {
  background:#334D6B;
  border-bottom:1px solid #35336B;
  display:block;
  padding:15px;
  width: 91%;
}
.nav ul.group li ul li a:hover {
  background:#4A4794;
}
/* Mobile navigation */
.nav-mobile {
  display:none; /* Hide from browsers that don't support media queries */
  cursor:pointer;
  position:absolute;
  top:0;
  right:0;
  background:#00C284 url(images/nav.png) no-repeat 85% center;
  background-size:18px;
  /*background-position: 95% center;*/
  height:50px;
  width:105px;
}
.nav-mobile > span {
  position: relative;
  display: block;
  padding:14px 13px 8px 15px;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
  position:absolute;
  top:0;
  right:0;
  display:none;
  border-left:1px solid #35336B;
  height:49px;
  width:50px;
  cursor:pointer;
}
.nav-click i {
  display:block;
  height:48px;
  width:48px;
  background:url(images/drop.svg) no-repeat center center;
  background-size:20px;
}
.nav-click:hover {
  background-color:#4A4794;
}
.nav-rotate {
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg);
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 768px) {

  body {
    background-image: none;
  }

  #container {
    width: 320px;
    background-image:none;
  }
  .header {
    width: 320px;
  }
  .header h1.header-style {
    font-size: 32px;
  }
  .header h2.header-style2 {
    width: 288px;
  }
.banner-rotator h3 {
  font-size:14px;
}
  .featured {
    width: 320px;
    height: 183px;
  }
  .featured-bottom {
    width: 320px;
    height: auto;
    background-image: none;
  }
.kart-icon {
  width:100%;
  float:left;
  margin:0;
  padding: 15px 0 0 65px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  border-left:#999 0px solid;
}
.featured-bottom .kart-icon-img {
  float:left;
  margin:0; padding:0;
  padding-left:5px;
  padding-right:10px;
}
.featured-bottom .kart-icon a {
    line-height: 18px;
}
.facebook-icon {
  width:45%;
  clear: both;
  float:left;
  margin:15px 0 0 20px;
  line-height: 12px;
  text-align: left;

}
.featured-bottom .facebook-icon-img {
  float:left;
  margin:0;
  padding:0 20px 0 0;
}
.epost-icon {
  width:35%;
  float:left;
  margin:0;
  padding: 15px 0 0 12px;
  line-height: 12px;
  text-align: left;
  border-left:#999 0px solid;
}
.featured-bottom .epost-icon-img {
  float:left;
  margin:0;
  padding:0;
  padding-right:20px;
}
.referanser-icon {
  width:45%;
  float:left;
  clear: both;
  margin:0;
  padding: 15px 0 0 15px;
  line-height: 12px;
  text-align: left;
  border-left:#999 0px solid;
}
.featured-bottom .referanser-icon-img {
  float:left;
  margin:0;
  margin-top:-2px;
  padding:0;
  padding-right:20px;
}
.logo-icon {
  width:35%;
  height:44px;
  float:left;
  margin:0;
  padding: 15px 0 0 20px;
  line-height: 12px;
  text-align: left;
  border-left:#999 0px solid;
}
.featured-bottom .logo-icon-img {
  float:left;
  margin:0;
  padding:0;
  padding-right:5px;
}
.featured input[type=text],input[type=password],textarea{width:13.5em;*width:11.9em;}
  .sitemap_wrap {
    display: none;
  }
 .nav-mobile {
    display:block;
  }
  .footer {
    width: 320px;
    height: auto;
  }
  .br-cpanel {
    display: none;
  }
  .br-thumbnails {
    display: none;
  }
  /*.br-layers {
    display: none;
  }*/
  .nav {
    width:100%;
    padding:50px 0 0;
    background:#00C284;
  }
  .nav ul.group {
    display:none;
  }
  .nav ul.group li {
    width:100%;
    float:none;
  }
  .nav ul.group li > a {
    width: 90%;
    padding:15px 5%;
    line-height: 18px;
    font-size: 14px;
  }
  .nav-click {
    display:block;
  }
  .nav-mobile-open {
    border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
  }
  .nav ul.group li:hover > ul {
    display:none;
  }
  .nav ul.group li ul {
    position:static;
    float: none;
    width:100%;
  }
}