@charset "utf-8";
/* CSS Document */
/*----------Allmänt----------*/
html
{
	scroll-padding-top:90px;
	scroll-behavior:smooth;
}
body{
	background-color:#FFFCF9;
	margin:0;
	color:#343434;
	font-family: "montserrat", sans-serif;
    font-weight: 400;
    font-style: normal;
	scroll-behavior: smooth;
}
body::-webkit-scrollbar, #motivBib::-webkit-scrollbar {
  width: 10px;  
}
body::-webkit-scrollbar-track, #sokLista::-webkit-scrollbar-track, #motivBib::-webkit-scrollbar-track{
	background:#DEDEDE;
}
body::-webkit-scrollbar-thumb, #sokLista::-webkit-scrollbar-thumb, #motivBib::-webkit-scrollbar-thumb{
	background: #343434;
	border-radius:10px;
}
body::-webkit-scrollbar-thumb:hover, #sokLista::-webkit-scrollbar-thumb:hover, #motivBib::-webkit-scrollbar-thumb:hover{
	background:rgba(52,52,52,0.90)
}
#sokLista::-webkit-scrollbar{
  width: 8px;  
}
#container{

}
@media screen and (max-width: 1030px){
	header{padding:0 24px 0 10px;}
	.transparent{padding:30px 30px;}
	#glastyper{margin:42px 30px 40px;}
	#toppsell, #produkt-container{padding:0 20px;}
	main h2{padding:10px 30px;}
	.toppmotiv{padding:0 30px;}
	.features, .etsa{padding:20px 30px;}
	.feature{width:100%; justify-content: flex-start;}
	.etsa .feature{margin-top:10px; justify-content: center;}
	.stycken, .text{margin:20px 30px;}
	footer{padding:50px 10px;}
	.glassortering{padding:30px 28px;}
	.produktsida, .karta{padding:30px;}
	.form{padding:0 30px;}
	.fragor{margin:0 30px;}
	.vagn-container{margin:60px 30px;}
	
	#poster h2{font-size:45px;}
	#poster p, .stycken p, .text{font-size:12px;}
	.glastyp{width:100px;}
	.glastyp p{font-size: 12px;}
	.pil{display:none;}
	.cover{width:calc(100%);}
	#glastyper a{margin:0 5px;}
	.beskrivning{width:calc(50vw - 90px);}
	.bild-container{width:calc(50vw - 30px);}
}/*Mindre margin och annat*/
@media screen and (min-width: 1031px){
	header{padding:0 94px 0 80px;}
	.transparent{padding:30px 100px;}
	#glastyper{margin:42px 100px 40px;}
	#toppsell, #produkt-container{padding:0 90px;}
	main h2{padding:10px 100px;}
	.toppmotiv{padding:0 100px;}
	.features, .etsa{padding:20px 100px;}
	.feature{width:26vw; justify-content: center;}
	.stycken, .text{margin:20px 100px;}
	footer{padding:50px 80px;}
	.glassortering{padding:30px 98px;}
	.produktsida, .karta{padding:30px 100px;}
	.form{padding:0 100px;}
	.fragor{margin:0 100px;}
	.vagn-container{margin:60px 100px;}
	
	#poster h2{font-size:5vw;}
	#poster p, .stycken p, .text{font-size:1.3vw;}
	.glastyp{width:118px;}
	.glastyp p{font-size: 14px;}
	.cover{width:calc(100% - 98px);}
	#glastyper a{margin:0 15px;}
	.beskrivning{width:calc(50vw - 160px);}
	.bild-container{width:calc(50vw - 100px);}
}/*Mer margin och annat*/

.frakt{
	background-color:#343434;
	padding:12px 0;
}
.frakt p{
	font-size:14px;
	font-weight:600;
	width:100%;
	text-align:center;
	color:#DEDEDE;
	margin:0;
}
/*----------Meny----------*/
header{
	height:60px;
	background-color:#DEDEDE;
	display:flex;
	justify-content: space-between;
	position:sticky;
	top:0;
    -webkit-box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.5);
	z-index:10;
}
#left-nav #logo{
	padding:0;
	margin:0;
	border-bottom:none;
}
#left-nav #logo img{
	height:40px;
	padding:10px 20px;
}
#left-nav #logo img:hover{
	opacity:0.85;
}
#left-nav #sidor{
	display:flex;
	align-items:center;
}
#left-nav, #right-nav{
	display:flex;
}
#right-nav{
	justify-content: flex-end;
	align-items: center;
}
#left-nav a{
	margin:0;
	padding:20px 15px 18px;
	color:#343434;
	text-decoration:none;
	font-weight:600;
	font-size:16px;
	border-bottom:2px solid #DEDEDE;
}
#left-nav a:hover{
	border-bottom:2px solid #208AAE;
	
}
#right-nav a{
	margin:0;
	padding:16px 6px 12px;
	color:#343434;
}
#hamburgare{
	display:none;
	padding:12.5px 6px;
	margin-left:10px;
	cursor:pointer;
}
#favoriter, #profil{
		display:none;
	}
#kundvagn:hover, #profil:hover, #favoriter:hover, #hamburgare:hover, #sokbtn:hover{
	opacity:0.80;
}
#varor{
	position:absolute;
	background-color:#208AAE;
	width:16px;
	height:16px;
	border-radius:50%;
	display:flex;
	align-items: center;
	justify-content:center;
	color:#DEDEDE;
	font-weight:600;
	font-size:12px;
	top:12px;
	margin-left:18px;
}
/*Sök*/
#sokdiv{
	position:relative;
	display:flex;
	align-items:center;
	width:280px;
	margin:0 16px;
	flex-wrap:wrap;
}
#sokLista{
	position:absolute;
	border:2px solid #DEDEDE;
	border-radius:0 0 5px 5px;
	width:276px;
	max-height:400px;
	left:-10px;
	top:31px;
	background-color:#FFFCF9;
	list-style: none;
	padding:10px;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5) inset;
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5) inset;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5) inset;
	overflow-y: auto;
	display:none;
}
#sokLista li{
	display:flex;
	align-items:center;
	margin:0;
	padding:0;
}
#sokLista li a{
	text-decoration:none;
	display:flex;
	align-items:center;
	width:100%;
}
#sokLista li a:hover{
	text-decoration: underline;
}
#sokLista li a img{
	width:60px;
	border-radius:10px;
	margin-right:10px;
}
#sokbtn{
	display:none;
	position:absolute;
	right:65px;
}
#sokdiv iconify-icon{
	position:absolute;
	padding-left:8px;
	color:#343434;
}
#search{
	width:100%;
	font-size:14px;
	padding:10px 10px 10px 34px;
	font-family: "montserrat", sans-serif;
    font-weight: 400;
    font-style: normal;
	border-radius:20px;
	border:1px solid #343434;
	outline: none;
	background-color:#FFFCF9;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5) inset;
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5) inset;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5) inset;
}
#search::placeholder{
	color:#343434;
}
#search::-webkit-search-cancel-button{
	display:none;
}
#closebtn{
	display:none;
	position:absolute;
	right:30px;
	top:30px;
	padding:10px;
	color:#DEDEDE;
	font-weight: 700;
	cursor:pointer;
	font-size:30px;
}
/*Ändra menyn*/
@media screen and (max-width: 800px) {
    #left-nav #sidor {
		width:100%;
		left:0;
		position:absolute;
		background-color:rgba(52,52,52,0.95);
		top:60px;
        display:none;
		padding:30px 0;
		padding-bottom: 200vw;
		flex-wrap:wrap;
		align-items:none;
    }
	#left-nav #sidor a{
		display:inline-flex;
		text-align:left;
		align-items: center;
		justify-content: space-between;
		color:#DEDEDE;
		padding:10px 30px;
		width:100%;
		border:none;
		margin-bottom:10px;
	}
	#sidor a:hover{
		opacity: 0.8;
		border:none;
	}
    #hamburgare{
	    display:block;
    }
	#logo img{
		position:absolute;
		left:calc(50vw - 30px);
	}
	/*Sök*/
	#sokdiv{
		height: 100%;
        width: 100%;
        display: none;
        position: fixed;
        z-index: 11;
        top: 0;
        left: 0;
		margin:0;
        background-color: rgba(52,52,52, 0.95);
	}
	#search{
		margin:0 30px;
		position:absolute;
		top:100px;
		border:2px solid #343434;
		padding:15px 10px 15px 34px;
		width:calc(100vw - 60px);
	}
	#sokLista{
		width:calc(100vw - 84px);
		margin: 0 40px;
		top:160px;
		border:2px solid #343434;
		border-radius:10px;
	}
	#sokbtn{
		display:block;
		cursor:pointer;
	}
	#sokicon{
		z-index: 12;
		position:absolute;
		top:116px;
		left:32px;
	}
	/*Vagn*/
	.vagn-container{
		flex-wrap:wrap-reverse;
	}
	.vagn-produkter, .orderSum{
		width:100%;
		margin-bottom:30px;
	}
	/*Annat*/
	.etsInfo{
		flex-wrap:wrap;
	}
	.etsInfo img{
		margin-top:20px;
		margin-left:0;
	}
}


/*----------Main----------*/
main h2{
	font-weight: 700;
	font-size: 24px;
}
/*Poster*/
#poster{
	background-image:url(bilder/poster.png);
	background-size: cover;
	background-position:center;
	padding:60px 0 120px;
}
.transparent{
	background-color:rgba(222,222,222,0.6);
	display:inline-block;
	border-radius:0 25px 25px 0;
}
#poster h2{
	font-weight:600;
	margin: 0 0 10px;
	padding:0;
}
#poster p{
	max-width:600px;
	margin:30px 0 50px;
	font-weight:600;
}
.handla{
	text-decoration:none;
	background-color:#343434;
	padding:6px 12px;
	border-radius:20px;
	font-size:14px;
	font-weight:500;
	color:#DEDEDE;
	transition:.5s ease;
	display:inline-flex;
	align-items:center;
	min-height: 28px;
}
.handla:hover, .produkt .add-vagn:hover, #buy .add:hover, .form #submit:hover, .checkoutbtn:hover{
	transition:.3s ease;
    -webkit-box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.5);
	background-color:#208AAE;
}
#glastyper{
	display:flex;
	justify-content:space-around;
	align-items:center;
}
.cover{
	padding-top:18px;
	position:relative;
}
.cover::before{
	position:absolute;
	content:"";
	left:0;
	top:0;
	z-index:9;
	height:100%;
	width:20px;
	background-image: linear-gradient(90deg, #FFFCF9, transparent);
}
.cover::after{
	position:absolute;
	content:"";
	right:0;
	top:0;
	z-index:9;
	height:100%;
	width:20px;
	background-image: linear-gradient(-90deg, #FFFCF9, transparent);
}
.scroll-glas{
	width:100%;
	height:auto;
	display:flex;
	justify-content: flex-start;
	align-items: center;
	overflow:auto;
	position:relative;
	scroll-behavior: smooth;
}
.scroll-glas::-webkit-scrollbar{
	-webkit-appearance:none;
}
.pil button{
	outline:none;
	border:none;
	cursor:pointer;
	padding:12px;
	border-radius:50%;
	background-color:transparent;
	transition:.3s ease;
}
.pil button:hover{
	background-color:#DEDEDE;
}
#glastyper a{
	text-decoration:none;
	color:#343434;
}
.glastyp p{
	font-weight:600;
}
#glastyper .cover .scroll-glas a:hover{
	text-decoration:underline;
}
.glastyp img{
	width:100%;
}
.stycken p{
	max-width:600px;
	font-weight:500;
}

/*Produkter*/
.scroll{
	overflow-x: auto;
	position:relative;
	white-space: nowrap;
}
.scroll::-webkit-scrollbar{
	-webkit-appearance:none;
}
.produkt-h{
	padding-top:0;
	margin:10px 0 0;
}
.glassortering iconify-icon{
	margin-left:5px;
	pointer-events: none;
}
.aktiv-glas iconify-icon{
	rotate:180deg;
}
.glassortering a, .glassortering button{
	color:#343434;
	text-decoration: none;
	padding:10px;
	border-radius:10px;
	background-color:#DEDEDE;
	margin:0 1px 4px;
	display:inline-block;
	font-weight:500;
	font-size:14px;
}
.glassortering button{
	border:none;
	display:inline-flex;
	align-items: center;
	cursor: pointer;
}
.glassortering a:hover, .glassortering button:hover{
	background-color:#343434;
	color:#DEDEDE;
	-webkit-box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.5);
}
.glassortering .aktiv-glas{
	background-color:#343434;
	color:#DEDEDE;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.drop-list {
  display:none;
  position: absolute;
  background-color: #DEDEDE;
  z-index: 1;
  border-radius:10px;
  padding:0;
  overflow:hidden;
  -webkit-box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.5);
}
#sortera, #motiv{width:180px;}
#stor{width:100px;}
.drop-list label{
	display:block;
	position:relative;
	padding:10px;
	font-weight:500;
	font-size:14px;
	-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.drop-list label:hover{
	background-color:#343434;
	color:#DEDEDE;
}
.drop-list label input{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 15.5px;
  width: 15.5px;
  background-color: #FFFCF9;
  border:1px solid #343434;
  border-radius:5px;
  -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5) inset;
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5) inset;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5) inset;
}
#sortera .checkmark{
	border-radius:50%;
}
.drop-list label:hover input ~ .checkmark {
  background-color: #DEDEDE;
}
.drop-list label input:checked ~ .checkmark {
  background-color: #208AAE;
}
.show{
	display:block;
}
#produkt-container{
	display:flex;
	flex-wrap: wrap;
	margin-top:50px;
}
#produkt-container .produkt{
	margin:0 10px 20px;
	width:calc(20% - 20px);
}


@media (max-width: 1030px){
	#produkt-container .produkt{width:calc(25% - 20px);}
}
@media (max-width: 757px){
	#produkt-container .produkt{width:calc(100%/3 - 20px);}
}
@media (max-width: 580px){
	#produkt-container .produkt{width:calc(50% - 20px);}
}
@media (max-width: 365px){
	#produkt-container .produkt{width:calc(100vw - 40px);}
}
@media (max-width: 800px) {
	.toppmotiv a{
		width:auto;
		display:block;
	}
	#fot-meny .fot-lista{
		width:100%;
	}
}
.produkt img{
	width:100%;
	cursor:pointer;
	border-radius:15px;
}
.produkt h4{
	font-weight:500;
	font-size:14px;
	margin:0;
	padding:5px;
	cursor:pointer;
	text-decoration:none;
	color:#343434;
}
.produkt .info:hover{
	text-decoration: underline;
}
.produkt .info h4{
	height:2em;
	overflow:hidden;
}
.produkt p{
	text-align: center;
	font-weight:600;
	font-size:18px;
	margin:0;
	padding:5px;
}
.produkt a{
	text-decoration:none;
	color:#343434;
}
.produkt .add-vagn{
	border-radius:20px;
	display:inline-flex;
	justify-content:center;
	padding:5px 0;
	cursor: pointer;
	align-items: center;
	margin-top:5px;
	background-color:#343434;
	color:#DEDEDE;
	transition:.3s ease;
	border:none;
	width:100%;
}
.add-fav:hover{
	background-color:#DEDEDE;
}
.add-vagn h4{
	display:inline;
	color:#DEDEDE;
}
.mer{
	margin:30px auto 0;
}

/*Produktbeskrivning med mera*/
.karta{
	color:#343434;
	font-size:16px;
	font-weight: 500;
}
.karta a{
	color:#343434;
	text-decoration:none;
}
.karta a:hover{
	text-decoration:underline;
}
.produktsida{
	display:flex;
	justify-content: space-between;
	align-items:flex-start;
}
.beskrivning{
	position:relative;
	padding:30px;
}
.beskrivning h2{
	padding:0;
}
.beskrivning h3{
	font-size:22px;
	font-weight: 700;
	margin-top:30px;
}
.beskrivning .valt{
	margin-left:10px;
	color:#208AAE;
	font-size:14px;
	cursor:pointer;
}
.motivval{
	display:flex;
	align-items:center;
}
.motivval h4{
	margin-left:10px;
}
#motivBib{
	top:0;
	position:fixed;
	width:calc(100% - 30px);
	height:calc(100% - 120px);
	background-color:#DEDEDE;
	z-index:12;
	display:none;
	flex-wrap:wrap;
	padding:60px 15px;
	overflow-y:auto;
}
.motiv{
	margin:15px;
	width:140px;
}
.motiv img{
	width:100%;
	background-color:#FFFCF9;
	border-radius:10px;
}
.motiv h4{
	text-align:center;
	margin:10px 0;
}
.motiv input, #motivBib label{
	width:100%;
	cursor:pointer;
	background-color:#343434;
	border-radius:20px;
	border:none;
	color:#DEDEDE;
	padding:8px 0;
	font-size:14px;
	font-weight:600;
}
.motiv input:hover, #motivBib label:hover{
	background-color:#208AAE;
	-webkit-box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.5);
}
#motivBib label{
	padding:8px 10px;
}
#egen{
	margin:30px 15px;
}
#motivBib h3{
	width:100%;
	padding:10px 15px;
	margin:0;
}
#motivBib p{
	width:100%;
	margin:5px 15px 20px;
}
#bibClose{
	position:absolute;
	right:0;
	top:0;
	padding:30px;
	font-size:30px;
	font-weight:700;
	cursor:pointer;
}
#file{
	display:none;
}
.beskrivning .valt:hover{
	text-decoration:underline;
}
.beskrivning p{
	font-size:16px;
	font-weight:600px;
	margin-top:30px;
}
.add-container{
	margin-top:30px;
	display:flex;
	align-items:center;
}
#instrukt{
	border-radius:15px;
	outline:none;
	border:2px solid #343434;
	width:calc(100% - 24px);
	padding:8px 10px;
	font-size:14px;
	font-weight:600;
	background-color:#FFFCF9;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5) inset;
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5) inset;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5) inset;
}
.add{
	border-radius:30px;
	display:inline-flex;
	align-items:center;
	background-color:#343434;
	color:#DEDEDE;
	padding:10px 15px;
	border:none;
}
.add h4{
	font-size:14px;
	font-weight: 600;
	margin:0 0 0 5px;
}
.amount-div{
	width:70px;
	height:44px;
	font-size:16px;
	font-weight: 600;
	border-radius:30px;
	margin-right:10px;
	border:2px solid #343434;
	display:flex;
	overflow:hidden;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5) inset;
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5) inset;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5) inset;
}
.amount{
	border:none;
	outline:none;
	font-size:16px;
	font-weight: 600;
	text-align:center;
	width:28px;
	background-color:transparent;
}
.amount::-webkit-inner-spin-button, .amount::-webkit-outer-spin-button, .amount::-webkit-clear-button {
    display: none;
  }
.minplus{
	color:#343434;
	font-size:18px;
	font-weight: 700;
	height:100%;
	width:21px;
	display:flex;
	align-items:center;
	justify-content: center;
	cursor:pointer;
}
.drop-text h4{
	margin:30px 0 0;
	display:flex;
	align-items:center;
	justify-content: space-between;
}
.beskrivning .d-text{
	margin-top:10px;
}

.bild-container {
  position: relative;
  max-width: 400px;
}
.mySlides {
  display: none;
}
.mySlides img{
	border-radius:15px;
}
.cursor {
  cursor: pointer;
}
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 12px 6px;
  margin-top: -50px;
  color: #DEDEDE;
  font-weight: bold;
  font-size: 20px;
  border-radius:0 20px 20px 0;
  user-select: none;
  -webkit-user-select: none;
  background-color:rgba(52,52,52,0.40);
}
.next {
  right: 0;
  border-radius:20px 0 0 20px;
}
.prev:hover, .next:hover {
  background-color:#343434;
}
.numbertext {
  color: #DEDEDE;
  font-size: 14px;
  font-weight:500;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  background-color:#343434;
  border-radius:15px 0 15px 0;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.column {
  float: left;
  width: calc(100% / 3);
}
.demo {
  opacity: 0.6;
}
.dl{border-radius:15px 0 0 15px;}
.dr{border-radius:0 15px 15px 0;}
.active, .demo:hover {
  opacity: 1;
}
@media screen and (max-width: 679px){
	.produktsida{
		flex-wrap:wrap;
		justify-content: center;
	}
	.beskrivning{
		width:100vw;
		padding:0;
	}
	.bild-container{
		width:100vw;
	}
}
/*Varukorg*/
.vagn-container{
	display:flex;
	justify-content:space-between;
	padding-bottom:500px;
}
.vagn-produkt{
	margin-bottom:30px;
	display:inline-grid;
	grid-template-rows:45px 45px 45px;
	grid-template-columns: 135px auto;
	grid-template-areas:
		"img namn"
		"img motiv"
		"img antal";
	grid-column-gap: 10px;
}
@media screen and (max-width: 429px){
	.vagn-produkt{
		grid-template-rows:auto 90px 45px;
	    grid-template-columns: 90px auto;
		grid-template-areas:
			"namn namn"
			"img motiv"
			"antal antal";
		grid-row-gap: 5px;
	}
}
.vagn-instr{
	margin-top:-20px;
	font-size:12px;
	font-weight:500;
}
.vagn-bild img{
	width:100%;
	border-radius:10px;
}
.vagn-produkt h4{
	font-size:16px;
	font-weight:600px;
	margin:0;
	text-align:left;
}
.vagn-produkt h3{
	margin:0 0 0 30px;
	font-weight:700;
	font-size:18px;
}
.vagn-produkt h4:hover, .remove:hover{
	text-decoration:underline;
}
.vagn-produkt a{
	text-decoration:none;
	color:#343434;
}
.vagn-produkt .amount-div{
	height:35px;
}
.vagn-produkt .vagn-bild{
	grid-area:img;
}
.vagn-produkt .vagn-pHead{
	grid-area:namn;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.vagn-produkt .motivval{
	grid-area:motiv;
}
.vagn-produkt .vagn-pNav{
	grid-area:antal;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.vagn-produkt .motivval img{
	width:40px;
}
.vagn-produkt .motivval p{
	font-size:12px;
	font-weight:600;
	margin-left:5px;
}
.remove{
	font-weight:700;
	font-size:14px;
	background:none;
	border:none;
}
@media screen and (min-width: 801px) {
.orderSum{
	width:34vw;
	min-width:260px;
}
.etsInfo img{
	margin-left:30px;
}
}
.hr{
	border:1px solid #208AAE;
	width:100%;
}
.kostnad{
	font-size:16px;
	font-weight:600;
	display:flex;
	align-items:center;
	justify-content: space-between;
}
.kostnad span{
	float:right;
	font-size:18px;
	font-weight:600;
}
#copyInput{
	background:none;
	border:none;
	outline:none;
	font-size:18px;
	font-weight:600;
	color:#343434;
	width:70px;
	text-align:right;
	cursor:pointer;
	margin-top:2px;
}
.checkoutbtn{
	border-radius:20px;
	background-color:#343434;
	color:#DEDEDE;
	width:100%;
	border:none;
	padding:12px 0;
	margin:10px 0;
	font-size:16px;
	font-weight:600;
	transition:.3s ease;
}
/*Leverans*/
.leverans-container{
	max-width:550px;
	margin: 50px auto;
	padding:0 30px;
}
.leverans{
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.leverans p{
	width:100%;
	font-size:16px;
	font-weight:600;
}
.leverans
.width1{
	width:100%;
}
.width2{
	width:calc(50% - 30px);
}
.leverans .hr{
	margin-top:25px;
}
.back{
	text-decoration:none;
	color:#343434;
	font-size:14px;
	font-weight:600;
	display:inline-flex;
	align-items:center;
	cursor:pointer;
}
.back:hover{
	text-decoration:underline;
}
.copy{
	display:inline-flex;
	align-items:center;
}
.copy iconify-icon{
	margin-left:10px;
}
.start{
	display:block;
	text-decoration:none;
	text-align:center;
	margin-top:50px;
}

/*Övrigt*/
.etsInfo{
	display:flex;
	justify-content:space-between;
}
.etsInfo img{
	width:300px;
	border-radius:15px;
}
@media screen and (max-width: 450px){
	.etsInfo img{
	width:100%;
}
}
.features, .etsa{
	margin:50px 0 40px;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.features{
	-webkit-box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.5);
	background-color:#343434;
}
.etsa .feature{
	color:#343434;
	border:2px solid #343434;
	border-radius:50px;
}
.feature{
	color:#DEDEDE;
	display:flex;
	align-items:center;
	font-weight: 600;
}
.feature iconify-icon{
	margin-right:20px;
}
#om p, .text{
	max-width:600px;
	font-weight:500;
}

.form input, .form textarea, .leverans input{
	font-size:14px;
	font-weight:600;
	padding:10px;
	font-family: "montserrat", sans-serif;
	font-style:normal;
	border:1px solid #343434;
	border-radius:10px;
	outline:none;
	background-color:#FFFCF9;
}
.form input, .form textarea{
	width:calc(100% - 21.5px);
	margin-bottom:10px;
}
.form input:focus, .form textarea:focus, .leverans input:focus{
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5) inset;
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5) inset;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.5) inset;
}
.form input::placeholder, .form textarea::placeholder, .leverans input::placeholder{
	color:#343434;
	opacity:0.8;
}
.form #textarea{
	resize: none;
	height: 200px;
}
.form #submit{
	border:none;
	border-radius:20px;
	width:100%;
	background-color:#343434;
	color:#DEDEDE;
	padding:15px 10px;
	cursor:pointer;
	margin-bottom:80px;
}
.kundservice{
	max-width:700px;
	padding-bottom:20px;
	font-size:14px;
	font-weight:500;
}
.kundservice a{
	color:#208AAE;
	text-decoration:none;
	display:inline-block;
}
.kundservice a:hover{
	text-decoration:underline;
}
.fragor{
	border-top:2px solid #DEDEDE;
	min-height: 500px;
}
.fragor .drop-text{
	border-bottom:2px solid #DEDEDE;
}
.fragor .drop-text h4{
	margin: 10px 0;
	padding: 0 10px;
}
.fragor .drop-text .d-text{
	display:none;
	padding: 0 10px;
}

/*Footer*/
footer{
	margin-top:100px;
	background-color:#343434;
	-webkit-box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.5);
}
#fot-meny{
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.fot-lista{
	width:calc(100%/3 - 40px);
	margin: 0 20px 20px;
}
.fot-lista h3{
	color:#DEDEDE;
	border-bottom: 2px solid #DEDEDE;
	margin:0 0 5px;
	padding: 10px;
}
.fot-lista button{
	background:none;
	border:none;
	cursor:pointer;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	text-align:left;
}
.fot-lista button a{
	font-size:14px;
	font-weight:500;
	font-family: "montserrat", sans-serif;
}
.fot-lista a{
	display:block;
	padding: 5px 10px;
	text-decoration: none;
	color:#FFFCF9;
	font-size:14px;
	font-weight:500;
}
.fot-lista a:hover{
	text-decoration: underline;
}
.fot-lista a div{
	display:flex;
	align-items:center;
}
.fot-lista a div span{
	margin-left:5px;
}
.loopia{
	margin-top:30px;
	display:flex;
	justify-content:center;
}
.loopia img{
	background-color:#DEDEDE;
	border-radius:20px;
	width:80px;
}