.hovedBoks {
	font-family: 'Roboto', sans-serif;
	
	margin: 0 auto;
	overflow: hidden;
}

.headerFremsiden {
	width: 100%;
	margin: 20px 0 10px 0;
}
.headerFremsiden img {
	width: 30px;
	display: block;
	margin: 0 auto;
}

.hovedBildeBoks {
	font-family: 'Roboto', sans-serif;
	width: 600px;
	margin: 0 auto;
	padding-top: 100px;
	position: relative;
	margin-bottom: 30px;
}

.searchInput {
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	color: #1b1b1b;
	border: 0;
	padding: 20px;
	outline: none;
	display: block;
	width: 400px;
	border-radius: 0;
	position: relative;
	margin: 0 auto;
	-webkit-appearance: none;
	background-color: #ffffff;
	z-index: 10;
	top: 0;
	text-align: center;
}



.produktBoks {
  position: relative;
  color: #0c1626;
  text-decoration: none;
	transition: all 0.2s;
	margin: 20px 8px;
	cursor: pointer;
}

.produktBoksEnkel {
  position: relative;
  color: #0c1626;
  text-decoration: none;
	transition: all 0.2s;
	margin-bottom: 50px;
}


.produktBildeBoks {
	padding: 0 0px;
	position: relative;
	height: 350px;
	width: 100%;
}
.produktBildeBoks img{
  height: 100%;
	width: 100%;
  position: relative;
  display: block;
	margin: 0 auto;
	object-fit: cover;
}

.produktBildeBoksEnkel {
	padding: 0 0px;
	position: relative;
	width: 100%;
}
.produktBildeBoksEnkel img{
  height: auto;
	width: 350px;
  position: relative;
  display: block;
	margin: 0 auto;
	object-fit: cover;
}



.buttonsBoks {
	position: relative;
	justify-self: center;
	align-self: center;
}

.searchInfoBoks {
	height: 250px;
	width: 460px;
	display: flex;
	align-items: center;
	margin: 0 auto 100px auto;
	text-align: center;
}

.searchInfoBoks span {
	text-align: center;
	width: 100%;
}









#rect {
	top: -200px;
	position: relative;
}

#searchAssets {
	width: 100%;
	position: relative;
	display: grid;
	grid-template-columns: 10% 80% 10%;
}

.gliderboks {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.glider {
	height: auto;
	margin-bottom: 40px;
	/*top: 240px;*/
}

.gliderNext,
.gliderPrev {
	position: relative;
	background: 0 0;
	border: 0;
	z-index: 2;
	text-decoration: none;
	cursor: pointer;
	opacity: 1;
	line-height: 1;
	outline: none;
	display: block;
	/*transition: opacity .5s cubic-bezier(.17, .67, .83, .67), color .5s cubic-bezier(.17, .67, .83, .67);*/
}


.gliderNext:focus .pil,
.gliderNext:hover .pil,
.gliderPrev:focus .pil,
.gliderPrev:hover .pil {
	fill: #1b1b1b;
	fill: #353134;
}

.gliderNext.disabled .pil,
.gliderPrev.disabled .pil,
.gliderNext.disabled .pil2,
.gliderPrev.disabled .pil2{
	opacity: .25;
	fill: #666;
	cursor: default;
}

.pil, .pil2 {
	fill: #1b1b1b;
	fill: #353134;
  height: 35px;
  transition: opacity .5s cubic-bezier(.17, .67, .83, .67), fill .5s cubic-bezier(.17, .67, .83, .67);
}
.pil2 {
	height: 65px;
	fill: #fff;
}
.pil2_1 {
	top: 30px;
	position: relative;
}

.tekst {
	font-size: 0.8em;
	line-height: 1.5;
	padding: 10px 15px;
	width: 100%;
	margin: 0 auto;
}

.navn {
	font-weight: 700;
	color: #1b1b1b;
}
.butikknavn {
	font-size: 1em;
	font-weight: 500;
	color: #1b1b1b;
}
.pris {
	color: #1b1b1b;
}

.ingenProdukter {
	font-size: 2em;
	font-weight: 500;
	position: relative;
	display: inline-block;
	color: #1b1b1b;
	margin: 20px 20px 50px 20px;
	padding: 15px;
}

.aNesteBoks {
	margin: 30px auto 80px auto;
}
.minusMargin {
	margin: 0px auto 80px auto;
}

/*.overskrift {
	margin: 70px 20px 20px 20px;
	padding: 15px;
	font-size: 1.5em;
	font-weight: 500;
	z-index: 2;
	position: relative;
	color: #1b1b1b;
	letter-spacing: 2px;
}*/

.arrowDown {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  
	border-top: 20px solid #fff;
	
	display: block;
	margin: 0 auto;
	position: relative;
	top: 20px;
	z-index: 1;
}


.strikkelayaBoks {
	position: relative;
	margin: 0 auto;
	margin-top: -190px;
	z-index: -10;
}

.strikkelaya {
	height: 600px;
	height: 860px;
	width: 100vw;
	margin-bottom: -33px;
	position: relative;
	z-index: 2;
}

.strikkelayaBase {
	background-color: #538590;
	padding: 20px 0;
	position: relative;
	z-index: 1;
}

.skogBoks {
	position: relative;
}
.strikkelayaGressBoks {
	position: absolute;
	margin: 0 auto;
	z-index: 1;
}
.strikkelayaGress {
	height: 600px;
	width: 103vw;
	top: -10px;
	top: -440px;

	position: absolute;
	z-index: 1;
	display: block;
	left: -20px;
}
.gressBase {
	background-color: #15513d;
	padding: 60px 0 0 0;
	position: relative;
	z-index: 1;
}

.glider2BigBoks {
	background-color: #538590;
	position: relative;
	padding-top: 2px;
	margin-top: 120px;
	flex-grow: 0;     /* do not grow   - initial value: 0 */
	flex-shrink: 0;   /* do not shrink - initial value: 1 */
}
.glider2 {
	height: auto;
	z-index: 2;
	width: 500px;
	left: -12px;
}
.glider-track {
	margin-left: 20px;
	/*position: relative;
	left: 29px;*/
}

.bButikkerBoks {
	width: 100%;
	position: relative;
	background-color: transparent;
}
.bButikkBoks {
	width: 90%;
	position: relative;
	background-color: #fff;
	padding: 20px;
	border-radius: 20px;
	overflow: hidden;

}
.bSnor {

}
.bButikknavn {
	font-size: 1em;
	font-weight: 700;
	text-align: center;
	padding: 20px 20px 5px 20px;
	position: relative;
	z-index: 10;
}
.bIGnavn {
	font-size: 0.9em;
	color: #1b1b1b;
	text-align: center;
	position: relative;
	z-index: 10;
	display: block;
	padding-bottom: 10px;
}
.bIGnavn a {
	text-align: center;
	position: relative;
	z-index: 10;
	color: #336ba4;
	text-decoration: none;
}
.bButikkTekst {
	font-size: 1em;
	text-align: left;
	padding: 10px 5px 5px 15px;
	z-index: 10;
	position: relative;
	color: #1b1b1b;
	background: #ffffff8c;
	z-index: 10;
	max-height: 265px;
	overflow: scroll;
}
.bButikkKnapp, .oppskrifterMineKnapp, .registrerKnapp {
	font-family: 'Roboto', sans-serif;
	font-size: 0.8em;
	width: 90%;
	background-color: #1b1b1b;
	color: #fff;
	display: block;
	padding: 15px;
	margin: 30px auto 30px auto;
	border: none;
	position: relative;
	border-radius: 0;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	letter-spacing: 1px;
	font-weight: 300;
	text-transform: uppercase;
	z-index: 10;
}
.bBygning {
	position: absolute;
  width: 57%;
  top: 22px;
  left: 223px;
}
/*
.center {
	transform: scale(1.1);
}*/
.butikksamling {
	display: flex;
	/* width: 80%; */
	padding: 0 20%;
	background-color: #538590;
	margin: 0 auto;
}
	


.underButikkBoks {
	padding: 50px 0 30px 0;
	padding: 00px 0 30px 0;
	background-color: #538590;
	position: relative;
	overflow: hidden;
	margin-bottom: -2px;
	flex-grow: 0;     /* do not grow   - initial value: 0 */
	flex-shrink: 0;   /* do not shrink - initial value: 1 */
}

.gullramme {
	width: 470px;
	
	position: relative;
	margin: 0 auto;
	display: block;
	z-index: 100;
	pointer-events: none;
}

.gullrammeBildeBoks {
	width: 416px;
	height: 525px;

	padding: 0 0px;
	position: absolute;
	top: 30px;
	left: 50%;
	text-decoration: none;
	color: #1b1b1b;
}
.gullrammeBildeKnapp {
	left: -50%;
	position: relative;
	text-decoration: none;
	color: #1b1b1b;
}
.gullrammeBilde {
	height: 100%;
	width: 100%;
	position: relative;
	display: block;
	margin: 0 auto;
	object-fit: cover;
	z-index: 2;
	
	text-decoration: none;
	color: #1b1b1b;
}
.gullrammeNavn {
	font-size: 1.2em;
	top: 6px;

	font-family: 'Dancing Script', sans-serif;
	position: relative;
	text-align: center;
	
	width: 62%;
	margin: 0 auto;
	overflow: hidden;
	height: 24px;
	z-index: 200;
	text-decoration: none;
	color: #1b1b1b;
}

.buttonsBoks2 {
	position: relative;
	/* align-self: center; */
	left: 80px;
	top: 160px;
}

.strikkelandetO {
	font-family: 'Fredoka One', sans-serif;
	font-size: 1.6em;
	color: #fff;
	text-align: center;
	width: 80%;
	margin: 0 auto 20px auto;
	position: relative;
}
.strikkelandetT {
	font-family: 'Fredoka One', sans-serif;
	font-size: 1em;
	color: #fff;
	text-align: left;
	width: 400px;
	margin: 0 auto;
	position: relative;
}
.strikkelandKBoks {
	text-align: center;
}
.strikkelandetK {
	font-family: 'Fredoka One', sans-serif;
	width: 70%;
	color: #fff;
	margin: 20px 0 0 0;
	
}

/*
.strikkelandetBlomster1 {
	display: block;
	width: 150px;
	position: relative;
	left: -31px;
}*/
.strikkelandetBlomster2, .strand {
	height: 350px;
	display: block;
	width: 112%;
	position: relative;
	left: -31px;
	margin-bottom: -2px;
	top: 1px;
}
.strand {
	height: 500px;
}

.vannBase {
	background-color: #25629b;
	margin-bottom: -40px;
}

.serEtter {
	font-size: 1.6em;
	width: 100%;
	text-align: center;
	margin: 30px 0 20px 0;
}

/*checkmarks overstyring*/
.menuBoxDos {
	padding: 0;
	width: 95%;
}

.menuBoxDosFilter1 {
	height: auto;
}

.labelInputDos {
	font-family: 'Yantramanav', sans-serif;
	color: #fff;
}

.oppskriftTypeBoks {
	width: 100%;
	height: auto;
	display: grid;
	grid-template-columns: 50% 50%;
}
.oppskriftTypeLeft {

}
.oppskriftTypeRight {

}


.checkmarkDos {
	top: -3px;
	background-color: #fff;
}


.checkmarkBox:hover input ~ .checkmarkDos {
	background-color: #fff;
}
.checkmarkBox input:checked ~ .checkmarkDos {
	background-color: #25629b;
}

.checkmarkBox {
	color: #fff;
}

.alderKjonnGrid {
	width: 400px;
	margin: 50px auto;
	position: relative;
	display: grid;
	grid-template-columns: 50% 50%
}

.menuDosSubmit {
	background-color: #0e3861;
	font-weight: 500;
	padding: 15px 30px;
	width: 400px;
}
/*finito checkmarks overstyring*/

.sandBase {
	background-color: #1c7746;
	background-color: #c7e6e8;
	background-color: #e0cdb1;
	padding: 50px 0;
}
.sandSvar {
	font-size: 1em;
	font-weight: 300;
	color: #fff;
	width: 400px;
	margin: 0 auto;
	color: #1b1b1b;
	margin-top: 10px;
}

.oppskrifterMineKnapp {
	width: 400px;
}

.formen {
	width: 400px;
	position: relative;
  margin: 0 auto;
}
.inputLang {
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	border: 0;
	border-radius: 0;
}
.registrerKnapp {
	background-color: #1b1b1b;
	width: 100%;
	padding: 15px 30px;
}

.strikkelandLogoBoks {
	margin: 20px 0 60px 0;
	text-align: center;
	width: 100%;
}
.slogo {
	height: 160px;
	position: relative;
	margin-top: 30px;
}





.personvern {
	font-family: 'Roboto', sans-serif;
	position: fixed;
	width: 100%;
	padding: 50px 30px;
	text-align: center;
	color: #fff;
	background-color: rgba(27, 27, 27, 0.9);
	display: block;
	z-index: 2000;
	bottom: 0;
}
.knappJegForstar {
	font-family: 'Roboto', sans-serif;
	background-color: #fff;
	text-decoration: none;
	font-size: 1.1em;
	padding: 20px;
	border: none;
	color: #1b1b1b;
	text-align: center;
	border-radius: 0px;
	width: 200px;
	display: inline-block;
	cursor: pointer;
	margin: 5px;
}
.knappLesMerBruk {
	font-family: 'Roboto', sans-serif;
	color: #fff;
	display: block;
	text-align: center;
	width: 100px;
	margin: 0 auto;
	margin-top: 10px;
	text-decoration: none;
}

.filterAlternativ {
	margin: 0 auto;
	width: 400px;
}




.svgMobil {
	display: none;
}

.svgDesktop {
	display: block;
}


@media screen and (max-width: 1400px)
{
	.produktBildeBoks {
		height: 250px;
	}

	.butikksamling {
		padding: 0 10%;
	}
}

@media screen and (max-width: 1250px)
{
	.butikksamling {
		padding: 0 5%;
	}

	.buttonsBoks2 {
		left: 50px;
	}
}

@media screen and (max-width: 1150px)
{
	.butikksamling {
		padding: 0 5%;
	}

	.gullramme {
    width: 320px;
	}

	.gullrammeBildeBoks {
    width: 266px;
    height: 358px;
	}

	.gullrammeNavn {
    font-size: 1em;
		top: -8px;
	}

	.glider2BigBoks {
		margin-top: 20px;
	}

	.buttonsBoks2 {
		top: 70px;
	}

	.bButikkTekst {
		max-height: 165px;
	}

}


@media screen and (max-width: 1080px)
{
	#searchAssets {
    margin-top: 100px;
	}
}

@media screen and (max-width: 1000px)
{
	.glider2 {
    width: 340px;
	}

	.bBygning {
    width: 90%;
    left: 153px;
	}
}

@media screen and (max-width: 835px)
{
	.butikksamling {
    padding: 0 1%;
	}

	.buttonsBoks2 {
		left: 20px;
	}
}

@media screen and (max-width: 800px)
{
	.hovedBildeBoks {
		width: 100%;
	}
	.buttonsBoks {
		display: none;
	}

	#searchAssets {
		width: 100%;
		margin: 50px auto 0 auto;
		grid-template-columns: 100%;
	}
}

@media screen and (max-width: 750px)
{
	.butikksamling {
		display: block;
		padding: 0;
	}

	.glider2 {
		width: 100%;
		left: 0;
	}

	.buttonsBoks2 {
		display: none;
	}

	.bButikkTekst {
		max-height: 100%;
	}

	.strikkelayaGress {
		height: 260px;
    width: auto;
    top: -250px;
	}

	.bBygning {
    width: 40%;
    left: 343px;
	}

}

@media screen and (max-width: 570px)
{

	.hovedBoks {
		width: 100%;
		display: block;
	}

	.glider {
		/*top: 0;*/
		margin-bottom: 0;
	}

	.hovedBildeBoks {
		width: 100%;
	}

	
	.produktBildeBoks {
		height: 230px;
	}

	.produktBildeSlideBoks img{
		height: 230px;
	}

	.produktBildeBoksEnkel img{
		height: auto;
		width: 85%;
	}

	.tekst {
		padding: 10px 15px;
	}

	.strikkelaya {
		height: 490px;
		margin-bottom: -23px;
	}

	.searchInput {
		font-size: 1.2em;
		width: 80%;
		top: 10px;
	}

	.searchInfoBoks {
		height: 340px;
		height: 250px;
		width: 80%;
		margin: 0 auto 20px auto;
	}

	.glider2 {
		width: 100%;
	}

	.gullramme {
		width: 300px;
	}
	.gullrammeBildeBoks {
		width: 246px;
		height: 326px;
	}
	.gullrammeNavn {
		font-size: 0.9em;
		top: 1px;
	}

	.bBygning {
    width: 70%;
		left: 175px;
		top: 30px;
	}
	

	.strikkelandetT {
		width: 60%;
	}
 
	.filterAlternativ, .alderKjonnGrid {
		width: 80%;
	}
	.menuDosSubmit {
		width: 80%;
	}

	.sandSvar {
		width: 80%;
	}

	.oppskrifterMineKnapp {
		width: 80%;
	}
	
	.formen {
		width: 80%;
	}


}


@media screen and (max-width: 500px)
{

	.svgMobil {
		display: block;
	}

	.svgDesktop {
		display: none;
	}

	.strikkelaya {
		width: auto;
	}
	
	/*.strikkelayaGress {
		height: 490px;
		width: auto;

		top: 90px;
	}*/

	.strikkelandetBlomster2, .strand {
		height: auto;
	}

}

@media screen and (max-width: 370px)
{
	.searchInput {
		font-size: 1em;
	}
}

@media screen and (max-width: 320px)
{
	.gullramme {
		width: 240px;
	}

	.gullrammeBildeBoks {
		width: 198px;
		height: 262px;
		top: 24px;
	}

	.gullrammeNavn {
    font-size: 0.8em;
    top: -3px;
	}
}