html,
body {
	margin:0;
	padding:0;
	color: #C6BEA6;
	background: #302b27;
	height: 100%;
  width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 16px;
  line-height: 25px;
}


a img{
	border: 0px;
}

a{
  color: white;
  font-weight: 400;
	text-decoration: underline;
}
a:hover{
  color: white;
  font-weight: 400;
  text-decoration: none;
}

p,span,h1,h2,h3,div{
	margin: 0px;
	padding: 0px;
}

h1{
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  color: #C6BEA6;
  line-height: 28px;
  font-weight: 300;
  margin: 25px 0px;
  padding: 0px;
}

h2{
  font-size: 20px;
  color: #ffffff;
  line-height: 48px;
  font-weight: 300;
}

/**
 * FLEX GRID
 */

.flex-grid{
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: -5px;
}
.flex-grid .item{
  flex: 1;
  -webkit-flex: 1 1 auto;
  margin-bottom: 30px;
}
.flex-grid .item-col-4{
  width: calc(100%/4);
}

.mobileMenu{
  display: none;
  flex-direction: row;
  margin-top:20px;
  margin-top: 10px;
  padding: 4px;
  border: solid;
  border-width: 1px;
  border-radius: 5px;
}
.menuButton{
  font-size: 25px;
  margin-left: 20px;
}

/*
article{
  background: url('../images/gradering.png') transparent repeat-x center top;
}
*/

/**
 * HEADER
 */
.main{
  min-width: 450px;
}
header{
	position: relative;
  height: 80px;
  max-width: 100%;
/*  -webkit-box-shadow: 0px 5px 8px 1px rgba(0,0,0,0.40);
	-moz-box-shadow: 0px 5px 8px 1px rgba(0,0,0,0.40);
	box-shadow: 0px 5px 8px 1px rgba(0,0,0,0.40);*/
	z-index: 100;
  background-color: #1b1715;
}

header .wrapper{
  width: 100%;
  margin: auto;
  max-width: 1212px;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
}

.logo{
	position: relative;
	top: 15px;
}

nav{
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  justify-content: flex-start;
	flex: 1;
  flex-direction: column;
	-webkit-flex: 1 1 auto;
}


/**
 * MENU
 */
.menu{
	list-style: none;
	margin: 0px;
	padding: 0px;
  margin-top: 10px;
}
.menu li{
	display: inline-block;
}
.menu li a:hover,
.menu li a:focus,
.menu li a{
	background: none;
	color: #C6BEA6;
  font-weight: 400;
  font-size: 16px;
  text-transform: uppercase;
  padding: 5px 15px;
  text-decoration: none;
}
.menu li.active a{
  font-family: 'Open Sans', sans-serif;
  color: #1a1613;
  background-color: #C6BEA6;
}

.menu ul {
  display: none;
  position: absolute;
}
.menu ul li{
  display: block;
}
.menu ul li a{
  display: block;
  color: #C6BEA6;
  background-color: #1a1613;
}
.menu ul li a:active,
.menu ul li a:hover{
  color: #C6BEA6;
  background-color: #1a1613;

}
.item-101{
  display: none !important;
}
.menu li:hover ul{
  display: block;
}


/**
 * LEFT MENU
 */

.productMenu{
  width: 260px;
  margin-right: 40px;
  margin-top: -50px;
  z-index: 10;
}
.productMenu .title{
  background-color: #1b1715;
	height: 50px;
	letter-spacing: 1px;
	font-size: 16px;
	font-weight: 100;
	line-height: 50px;
  padding: 0px 25px;
}

.menuside li a:hover,
.menuside li a:focus{
  color: #C6BEA6;
  background-color: #24201F;
}
.menuside > li{
  margin-bottom: 3px;
}
.menuside >li> a:hover,
.menuside >li> a:focus,
.menuside >li> a{
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
  padding-left: 25px;
  color: #C6BEA6;
  background-color: #24201F;
  text-decoration: none;
}

.menuside ul{
  display: none;
}
.menuside li.active ul{
  display: block;
}
.menuside > li.active > a{
  font-weight: 400;
  color: #24201F;
  background-color: #C6BEA6;
}


.menuside li{
  background-color: #24201F;
}
.menuside ul li a{
  background-image: url(../images/menu_arrow.gif) ;
  background-repeat: no-repeat ;
  background-position: 0 .4em ;
  margin-left: 45px ;
  padding-left: 12px;
  color: #C6BEA6;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  text-decoration: none;
}

.menuside a:hover,
.menuside a:focus,
.menuside a{
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #C6BEA6;
  background-color: #24201F;
}

.menuside ul li.current a{
  text-decoration: underline;
}
.menuside li.current ul{
  display: block;
}



/**
 * ARTICLE
 */
article{
  width: 100%;
  background: url('../images/gradering.png')  transparent repeat-x top center;
}
article > .wrapper{
  width: 100%;
  max-width: 1212px;
  margin: 0px auto 50px auto;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
}
article .content{
  flex: 1;
  margin-right: 20px;
}

article .banner{
  min-height: 200px;
}

/**
 * FOOTER
 */
footer{
  background-color: #1d1917;
}
footer .wrapper{
  max-width: 1212px;
  margin: auto; 
}

article img{
  /*margin-bottom: 10px;*/
}

article .row-fluid{
  margin: 20px 0px;

}

.imgBorders{
  /* border: 1px solid #C6BEA6; */
}


/**
 * PRODUCTS
 */

.products h3{
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}
.products .product-item{
  margin-bottom: 30px;
  width: calc(100%/3);
}
.products .product-item .wrapper{
  padding: 10px;
}

.product-item img{
  /* border: 1px solid #C6BEA6; */
}
#productView .introBox{
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
#productView .headingImg{
  margin-right: 20px;
  margin-bottom: 20px;
}
#productView .headingImg img{
  margin: 0px;
  padding: 0px;
}
#productView .headingText{
  flex: 1;
  -webkit-flex: 1;
  padding: 20px;
  background-color: #24201F;
  min-width: 250px;
  margin-bottom: 20px;
}
.gallery-item{
  width: calc(100%/4);
  margin-bottom: 0px !important;
}
.gallery-item .wrapper{
  padding: 10px;
}
.articleGallery{
  margin-top: 20px;
}


/**
 * BOOTSTRAP FIX
 */
.span3,
.span4,
.span6{
  word-wrap: break-word;
}
.row-fluid .span25{
  width: 18%;
}
/** TABS */
.nav-tabs{
  border: 0px;
  margin-bottom: 0px;
}
.nav-tabs>li{
  margin-bottom: 0px;
}
.nav-tabs a{
  background-color: #24201F;
  color: #C6BEA6;
  text-decoration: none;
}
.nav-tabs li a:hover,
.nav-tabs>.active>a:hover,
.nav-tabs>.active>a:focus,
.nav-tabs>.active>a{
  border: 0px;
  font-size: 16px;
  background-color: #C6BEA6;
  color: #24201F;
}
.tab-pane{
  padding: 20px;
  background-color: #24201F;
  color: #C6BEA6;
  overflow: hidden;
}

span#jcemediabox-popup-numbers a{
  width: auto;
}
.nav-tabs>li>a:hover,
.nav-tabs>li>a:active,
.nav-tabs>li>a{
  padding-right: 10px;
  padding-left: 10px;
}

.swipeItem figure{
  display: none;
}

.pswp__caption__center{
  max-width: 800px !important;
}


/**
 * K2 SearchBox
 */
.k2SearchBlock form{
  margin: 0px;
  padding: 0px;
}


/**
 * K2 SearchBox
 */
.k2SearchBlock form{
  margin: 0px;
  padding: 0px;
  /* background-color: #302b27; */
  /* border: solid; 
  border-width: 1px; */
}
.k2SearchBlock input{
  background-color: transparent;
  /* background-color: #a58b3e; */
  color: #C6BEA6;
  border: 0px;
  box-shadow: none;
  border-radius: 0px;
  border-bottom: 1px solid #C6BEA6;
  text-transform: uppercase;
  font-size: 14px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  margin: 5px 20px 0px 0px !important;
  text-align: left;
}
.k2SearchBlock input:focus,
.k2SearchBlock input:active{
  border-bottom: 1px solid #a58b3e;
}
.k2LiveSearchResults{
  border: 0px !important;
  padding: 3px 5px !important;
  background-color: #1b1715 !important;
}
.k2SearchBlock .liveSearchResults{
  background-color: transparent;
  padding: 5px 10px !important;
}
.k2SearchBlock .liveSearchResults a:hover,
.k2SearchBlock .liveSearchResults a:hover,
.k2SearchBlock .liveSearchResults a{
  background-color: transparent;
  color: #C6BEA6;
  border: 0px;
  padding: 3px 0px !important;
  text-decoration: none;
  text-align: left;
  border-top: 0px !important;
}
.k2SearchBlock .liveSearchResults a:hover,
.k2SearchBlock .liveSearchResults a:focus{
  background-color: transparent !important;
  color: #a58b3e !important;
}