@charset "UTF-8";
/* CSS Document */
* {
padding: 0;
margin: 0;
}
html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}

html, body {
	margin:0;
	padding:0;
	scroll-behavior: smooth;
}
body {
font:1.1em 'metrolight', sans-serif;
color:#ececec;
background:#000;
font-weight:normal;
line-height:1.4;
}
#wowslider-container1 {
display:none;
}
#wrapper {
width:85vw;
margin:auto;
background:rgba(0,0,0,0.6);
}
.knapp {
text-align: center;
display: block;
cursor: pointer;
width: 100%;
max-height: 50px;
padding: 8px 16px;
background-color: #f3a200;
color: #000;
font-size: 1.1em;
font-weight: 400;
line-height:1; font-family:'metromedium', sans-serif;
text-decoration: none;
border-radius: 5px;
transition:all .3s ease;
clear:both;
}
.knapp:hover {
background-color: #333;
color: #f3a200;
}
.content-wide .knapp {
}
.knapp-butik-mobil {
width:100%;
}
.knapp-butik-mobil img {
width:70%!important;
margin:0 15%!important;
float:none;
}
.knapp-butik {
display:none;
}

#logo {
width: 30vw;
height:auto;
margin:2vh 0;
}
#footer {
width:100%;
background-image: linear-gradient(to bottom, #000000, #111111, #1b1b1b, #252525, #303030);
color:#ffaa00;
text-align:center;
padding: 5vh 5vw;
}
#footer a {
color:#ffaa00;
}
#footer a:hover {
color:#ffd200;
}
#logo-footer {
width: 30vw;
height:auto;
}
#content{
width:100%;
padding-bottom:10vh;
}


.content-wide, .content-wide-columns {
margin:10vh auto 0 auto;
padding:0 0 10vh 0;
width:100%;
clear:both;
border-bottom:1px dotted #b28900;
}
.content-wide img {
height:auto;
width:40vw;
margin: 10px 20px 5px 0;
float:left;
}
.content-wide p {
}
.content-wide h1, .content-wide-columns h1, .personal h1 {
background:#333;
padding:.3em;
margin-bottom:.7em;
text-shadow:2px 2px #000;
}
.content-wide h2 {
font-family: 'metroblack', sans-serif;
text-transform: uppercase;
color:#f3a200;
font-size:1em;
line-height:1;
margin-bottom:0.4em;
font-weight:100;
}

p {
margin-bottom:18px;
}
h1 {
font-family: 'metroblack', sans-serif;
text-transform: uppercase;
color:#f3a200;
font-size:1.2em;
line-height:1;
margin-bottom:0.4em;
font-weight:100;
}
h2 {
font-family: 'metroblack', sans-serif;
text-transform: uppercase;
color:#f3a200;
font-size:0.9em;
line-height:1;
margin-bottom:0.4em;
font-weight:100;
}
p a {
color:#ececec;
text-decoration:none;
border-bottom:1px dotted #777;
}
p a:hover {
color:#ffaa00;
border-bottom:none;
text-decoration:underline;
}
.columns {
width:100%;
padding-top:6vh;
}
.columns h1 {
float:right;
width:47%;
}
columns p {
margin-left:3%;
clear:both;
}

.columns img {
width:50%;
height:auto;
float:left;
margin:2% 3% 1% 0;
}
.column2 {
border-top:1px dotted #b28900;
border-bottom:1px dotted #b28900;
padding:5vh 0;
margin:5vh 0;
}



.personal {
width:100%;
padding;1vh 0 10vh 0;
border-bottom:1px dotted #b28900;
}
.personal div {
clear:both;
padding:0;
}
.personal div img {
float:left;
width:40%;
height:auto;
margin-right: 5%;
margin-bottom:10px;
}
.personal div .icons {
width:0.9em!important;
height:auto;
margin:0 0 -0.3em 0;
float:none;
}
/*.personal1 {
width:28%;
float:left;
}
.personal1 img {
width:100%;
height:auto;
}
.personal2 {
width:36%;
padding:0 4%;
margin:0 4%;
float:left;
}
.personal2 img {
width:100%;
height:auto;
}
.personal3 {
width:28%;
float:left;
}
.personal3 img {
width:100%;
height:auto;

}*/


#proformica {
margin:5vh auto;;
color:#777;
text-align:center;
font-size:0.8em;
}
#proformica a {
color:#777;
}
#proformica a:hover {
color:#fff;
}

#prislista {
width:100%;;
background:#111;
border-collapse:collapse;
margin: 1vh 0 2vh 0;
}
#prislista-header {
background:#222;
}
#prislista th {
text-align:left;
padding: 0.1em 0.5em;
border:1px solid #333;
}
#prislista td {
padding: 0.1em 0.5em;
text-align:left;
border:1px solid #333;
}



.clear {
clear:both;
height:0;
}

.dack-logos {
width:100%;
}
.dack-logos img {
width:45%;
margin:0 0 2vh 3vw;
}
.clear-mobile {
clear:both;
}
.icons {
width:0.9em!important;
height:auto;
margin-bottom: 0;
}
.partners {
}
.partners img {
width:120px;
float:left;
margin:0;
}


/* fonter */


@font-face {
font-family: 'metroblack';
src: url('fonts/metropolis-black-webfont.woff2') format('woff2'),
	url('fonts/metropolis-black-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;

}
@font-face {
font-family: 'metromedium';
src: url('fonts/metropolis-medium-webfont.woff2') format('woff2'),
	url('fonts/metropolis-medium-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;

}
@font-face {
font-family: 'metrolight';
src: url('fonts/metropolis-light-webfont.woff2') format('woff2'),
	url('fonts/metropolis-light-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;

}