/*
Theme Name: seodr.
Description: SEO Doktorn WordPress Theme
Version: 1.0
Author: SEO Doktorn i Sverige AB
Author URI: https://www.seo-doktorn.se
*/


/*------------ Reset ------------*/

*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smooth:antialiased;
	text-rendering:optimizeLegibility;
}

* {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	font-size: 100%;
}

body {
	font: 300 16px/1.7 'proxima-nova-condensed', sans-serif;
	color: #000b16;
}

a:focus, a:hover, a:active, input:focus {
	outline: 0;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 20px;
	line-height: 1.2em;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
}
p {
	font: 300 1.2em/1.6 'proxima-nova-condensed', sans-serif;
	margin-bottom: 15px;
}
main{
    padding-top: 130px;
    border-right: 30px solid #fff;
    border-left: 30px solid #fff;
    position: relative;
    z-index: 1;
    background: #fff;
}


/*----------- Structure -----------*/


.clear:before,
.clear:after {
	content:' ';
	display: table;
}

.clear:after {
	clear: both;
}

.flex {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flex-end {
	justify-content: flex-end;
}

.flex-space {
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}

.vert-center {
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

.horiz-center {
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.row-reverse {
	flex-direction: row-reverse;
}

.center {
	text-align: center;
}

.wrap-l {
	width: 90%;
	margin: 0 auto;
	position: relative;
}

.wrap {
	max-width: 1280px;
	width: 90%;
	margin: 0 auto;
	position: relative;
}

.wrap-m {
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
	position: relative;
}

.wrap-s {
	max-width: 800px;
	width: 90%;
	margin: 0 auto;
	position: relative;
}

.wrap-xs {
	max-width: 600px;
	width: 90%;
	margin: 0 auto;
	position: relative;
}


/*---------- Cols ----------*/


.col-1-2 {
	width: 49%;
}

.col-1-3 {
	width: 31%;
}

.col-2-3 {
	width: 65%;
}

.col-1-4 {
	width: 23%;
}

.col-3-4 {
	width: 73%;
}

.col-1-6 {
	width: 16%;
}

.col-4-6 {
	width: 64%;
}

.col-f-1-2 {
	width: 50%;
}

.col-f-1-3 {
	width: 33.33%;
}

.col-f-2-3 {
	width: 66.67%;
}

.col-f-1-4 {
	width: 25%;
}

.col-f-3-4 {
	width: 75%;
}


/*------------ General -----------*/


.pad-l {
	padding: 100px 0;
}

.pad {
	padding: 80px 5%;
}

.pad-m {
	padding: 60px 0;
}

.pad-s {
	padding: 40px 0;
}

.pad-xs {
	padding: 20px 0;
}

.marg-b {
	margin-bottom: 60px;
}
.marg-t {
	margin-top: 60px;
}

::selection {
	background: rgba(234, 235, 236, 0.65);
	text-shadow:none;
}

::-webkit-selection {
	background: rgba(234, 235, 236, 0.65);
	text-shadow:none;
}

::-moz-selection {
	background: rgba(234, 235, 236, 0.65);
	text-shadow:none;
}

::-webkit-input-placeholder { /* Edge */
	color: #959b9f;
	font-style: italic;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #959b9f;
	font-style: italic;
}

::placeholder {
	color: #959b9f;
	font-style: italic;
}


/*--------- Links & Buttons --------*/


a {
	color: #000b16;
	text-decoration: none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

a:hover {
	color: #000b16;
}

button.btn {
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

a.btn, .btn {
	text-transform: uppercase;
	font: 700 0.85em/1 'proxima-nova', sans-serif;
	letter-spacing: 0.07em;
	padding: 16px 30px 14px 30px;
	line-height: 1;
	display: inline-block;
	margin-top: 25px;

}

a.btn-primary, .btn-primary {
	background: #000b16;
	border: 1.5px solid #000b16;
	color: #fff;
	border-radius: 40px;
	min-width: 220px;
	text-align: center;
}

a.btn-primary-blue, .btn-primary-blue {
	background: #276BC4;
	border: 1.5px solid #276BC4;
	color: #fff;
	border-radius: 40px;
	min-width: 220px;
	text-align: center;
}

a.btn-secondary, .btn-secondary {
	background: transparent;
	border: 1.5px solid #000b16;
	color: #000b16;	
	border-radius: 40px;
	min-width: 220px;
	text-align: center;
}

a.btn-secondary-white, .btn-secondary-white {
	background: transparent;
	border: 1.5px solid #fff;
	color: #fff;	
	border-radius: 40px;
	min-width: 220px;
	text-align: center;
}

a.btn-primary:hover, .btn-primary:hover, a.btn-primary-blue:hover, .btn-primary-blue:hover {
	background: #fff;
	border: 1.5px solid #fff;
	color: #000b16;
}

a.btn-secondary:hover, .btn-secondary:hover {
	background: #000b16;
	color: #fff;
}
a.btn-secondary-white:hover, .btn-secondary-white:hover {
	background: #fff;
	border-color: #fff;
	color: #000b16;
}
.socialicons{
	position: fixed;
    background: #fff;
    border-left: 1px solid #000f16;
    border-bottom: 1px solid #000f16;
    z-index: 99;
    right: 0;
    top: 48%;
    width: 30px;
    text-align: center;
}
.socialicons i{
	width: 30px;
    display: block;
    color: #000f16;
    border-top: 1px solid #000f16;
    font-size: 18px;
	padding: 8px 0 10px 0;
}
.socialicons i.icon-facebook{
	font-size: 1.2em;
}
.socialicons i:hover{
	background: #000f16;
	color: #fff;
}

/*---------- Typography ---------*/


h1 {
	font-size: 2.6em;
	font-weight: 700;
	padding-bottom: 10px;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1.2em;
}

ul{
	padding-left: 1.05em;
}


/*------- forms ---------*/


.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7 label{
	font-size: 0.85em;
}

.wpcf7 input[type="text"], 
.wpcf7 input[type="tel"], 
.wpcf7 input[type="email"]{
	width: 100%;
	padding: 10px 10px 10px 20px;
	border-radius: 40px;
	border: none;
	transition: all 0.25s ease;
	-webkit-appearance: none;
    appearance: none;
	background: #fff;
}
.wpcf7 textarea{
	width: 100%;
	max-height: 80px;
    border-radius: 5px;
    padding: 10px 20px;
    margin-top: 5px;
    resize: none;
    border: none;
	transition: all 0.25s ease;
	-webkit-appearance: none;
    appearance: none;
	background: #fff;
}
input[type="submit"]{
	background: transparent;
	border: 1.5px solid #000b16;
	color: #000b16;
	border-radius: 40px;
	min-width: 220px;
	text-align: center;
	text-transform: uppercase;
	font: 700 0.7em/1 'proxima-nova', sans-serif;
	letter-spacing: 0.07em;
	padding: 15px 30px;
	line-height: 1;
	display: inline-block;
	margin-top: 25px;
}
input[type="submit"]:hover{
	background: #000f16;
	color: #fff;
}

.focused label {
	transform: translateY(-120%);
	font-size: .75em;
}

input.wpcf7-validates-as-required.filled,
input.wpcf7-form-control.filled,
input:-webkit-autofill:after{
	background-image: url(../seodr/assets/img/check.svg) !important;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right;
    background-origin: content-box, padding-box;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
	background-color: transparent !important;
}
.wpcf7-list-item-label a{
	text-decoration: underline;
	cursor: pointer;
}

span.wpcf7-not-valid-tip {
	font-size: 0.8em;
	margin-top: 3px;
}
div.wpcf7-response-output{
	margin: 0 0 1em 0;
	text-align: center;
	background: #fff;
	border-radius: 30px;
	border: none;
}


/* checkbox */

.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label {
	font-size: 0.85em;
}

.wpcf7-form-control-wrap.acceptance-offert,
.wpcf7-form-control-wrap.acceptance-kontakt {
	float: left;
}
.wpcf7-form-control-wrap.acceptance-kontakt{
	margin-top: 10px;
}

span.wpcf7-list-item {
	margin: 0;
}

.wpcf7-acceptance .wpcf7-list-item label, 
.wpcf7-checkbox .wpcf7-list-item label, 
.wpcf7-radio .wpcf7-list-item label{
	position: relative;
	cursor: pointer;
	padding: 0 12px 1px 32px;
}

input[type="checkbox"],
input[type="radio"] {
	width: auto;
	display: inline-block;
	display: none;
}

.wpcf7-acceptance .wpcf7-list-item-label:before, 
.wpcf7-checkbox .wpcf7-list-item-label:before, 
.wpcf7-radio .wpcf7-list-item-label:before {
	content: "";
	display: block;
	position: absolute;
	border: 1px solid #eaebec;
	background: #fff;
	border-radius: 100%;
	height: 24px;
	width: 24px;
	top: -4px;
	left: 0;
	z-index: 5;
	transition: border .1s linear;
	-webkit-transition: border .1s linear;
}

.wpcf7-acceptance .wpcf7-list-item-label:after, 
.wpcf7-checkbox .wpcf7-list-item-label:after, 
.wpcf7-radio .wpcf7-list-item-label:after {
	content: "";
	display: block;
	position: absolute;
	border-radius: 100%;
	height: 14px;
    width: 14px;
    z-index: 6;
    top: 1px;
    left: 5px;
	margin: auto;
	transition: background 0.1s linear;
	-webkit-transition: background 0.1s linear;
}

input[type="checkbox"]:checked ~ .wpcf7-list-item-label:after, 
input[type="radio"]:checked ~ .wpcf7-list-item-label:after {
	background: #000f16;
}

/* Offert-slide */


#forfragan.active{
		right: 30px;
}
#forfragan {
  	background: #f2f3f4;
  	position: fixed;
  	top: 0;
  	right: -330px;
  	overflow-x: hidden;
  	height: 100%;
  	width: 320px;
  	padding: 28px 30px 0 30px;
  	z-index: 9999;
  	-moz-box-shadow: -3px 3px 5px 0 rgba(0, 0, 0, 0.18);
	-webkit-box-shadow: -3px 3px 5px 0 rgba(0, 0, 0, 0.18);
	box-shadow: -3px 3px 5px 0 rgba(0, 0, 0, 0.18);
  	-webkit-transition: all .5s ease;
  	-moz-transition: all .5s ease;
  	-ms-transition: all .5s ease;
  	-o-transition: all .5s ease;
  	transition: all .5s ease;
}
#forfragan .close{
	position: absolute;
	text-align: center;
    right: 12px;
	top: 20px;
	font-size: 20px;
    width: 32px;
    height: 32px;
    border: 1px solid #000f16;
    border-radius: 100%;
    line-height: 29px;
    cursor: pointer;
    font-weight: 700;
    font-family: 'proxima-nova', sans-serif;
}
#forfragan .close:hover{
	background: #000f16;
	color: #fff;
}
.wpcf7 p, 
#forfragan h3,
.wpcf7 h4{
	margin-bottom: 5px;
}
.wpcf7 h4{
	text-transform: uppercase;
	font: 700 0.8em/1 'proxima-nova', sans-serif;
	letter-spacing: 1px;
	display: block;
	margin-top: 20px;
}
#forfragan label{
	font-size: 13.5px;
	font-family: 'proxima-nova';
}
#forfragan .wpcf7-acceptance .wpcf7-list-item,
#forfragan .wpcf7-acceptance label,
#forfragan .wpcf7-acceptance .wpcf7-list-item-label{
	float: left;
}
#forfragan .wpcf7-acceptance .wpcf7-list-item{
	margin: 10px 0 20px 0;
}
#forfragan .wpcf7-acceptance .wpcf7-list-item-label:before{
	top: 1px;
}
#forfragan .wpcf7-acceptance .wpcf7-list-item-label:after{
	top: 6px;
}
#forfragan input,
#forfragan textarea{
	font-size: 0.85em;
}
#forfragan textarea{
	max-height: 80px;
	border-radius: 5px;
	padding: 10px 20px;
	margin-top: 5px;
	resize: none;
}
#forfragan [data-class="wpcf7cf_group"] {
    background: #fff;
    margin: 0 -10px;
    border-radius: 5px;
    padding: 10px 10px 5px 10px;
    font-size: 13.5px;
}
#forfragan [data-class="wpcf7cf_group"] textarea{
	font-size: 1.15em;
	padding: 5px;
	border-radius: 0;
	border-bottom: 1px solid #eaebec;
}
#forfragan input[type=submit]{
	font-size: 0.75em !important;
	margin-left: auto;
	margin-right: auto;
	display: block;
}


/* search from menu */

.search-overlay.active {
  right: 30px;
}
.search-overlay {
  text-align: center;
  background: #f2f3f4;
  position: fixed;
  top: 30%;
  right: -330px;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 300px;
  padding: 30px;
  z-index: 9999;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.search-overlay .searchicon {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 20px;
  width: 32px;
  height: 32px;
  border: 1px solid #000f16;
  border-radius: 100%;
  line-height: 29px;
  cursor: pointer;
  font-weight: 700;
  font-family: 'proxima-nova', sans-serif;
}
.search-overlay .searchicon:hover{
  background: #000f16;
  color: #fff;
}
.search-overlay h3{
  font-size: 1.6em;
  margin-top: 16px;
}
.search-overlay .search-form {
  padding-bottom: 5px;
  margin: 0 auto;
}
.search-overlay .search-field {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 12px 15px;
  border-radius: 40px;
}

/*--------- Header ---------*/

.fixed {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
}

header {
  margin: 0 30px;
}

#tophead{
  padding: 8px 0;
  background: #fff;
  border-bottom: 1px solid #eaebec;
}

#tophead i{
  font-size: 1.4em;
}
.owl-boxes i{
	font-size: 1.8em;
	color: #fff;
}

#tophead p{
  font: 400 0.85em/2 'proxima-nova', sans-serif;
  margin-left: 10px;
  margin-bottom: 0;
}

#tophead #no1 .textwidget,
#tophead #no2 .textwidget{
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#tophead #no1 .textwidget{
	-webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
}

#mainhead{
  font-family: 'proxima-nova', sans-serif;
  padding: 20px 0;
  background: #fff;
}

#mainhead > a:first-of-type{
  display: block;
  z-index: 99;
}

.logo img {
  width: 145px;
}


/*--------- Front page ---------*/

.front-page{
	background: #fff;
	position: relative;
	z-index: 1;
	margin-top: 170px;
	border-right: 30px solid #fff;
	border-left: 30px solid #fff;
}
.front-page .startslide.owl-outer{
	overflow: hidden;
	flex-direction: column;
	height: auto;
	background: #000b16;
	position: relative;
}
.front-page .owl-start.owl-carousel{
	opacity: 0.63;
	position: absolute;
	height: 100%;
	left: 0;
}
.front-page .owl-start .owl-stage-outer{
	height: 100%;
}
.front-page .owl-carousel .owl-stage,
.front-page .owl-start.owl-carousel .owl-item,
.front-page .owl-start.owl-carousel .owl-item .item  {
	height: 100%;
}
.front-page .owl-start.owl-carousel .owl-item img{
	width: auto !important;
    min-width: 100%;
    object-fit: cover;
    height: 100%;
}
.owl-puff{
	z-index: 2;
	padding: 10% 0 9% 0%;
}
.owl-puff h1{
	color: #fff;
	font-size: 4.1em;
	max-width: 900px;
	margin-bottom: 0;
	line-height: 1.1em;
}
.owl-puff h1 span{
	display: block;
	float: none;
	font-size: 0.5em;
	line-height: 1.7em;
}
.owl-boxes{
	width: 100%;
	position: relative;
	z-index: 2;
	border-top: 1.5px solid #fff;
}
.owl-boxes .col-f-1-3{
	padding: 30px 30px 35px 60px;
	background: rgba(0, 0, 0, 0.4);
}
.owl-boxes .col-f-1-3:nth-child(even){
	border-left: 1.5px solid #fff;
	border-right: 1.5px solid #fff;
}
.owl-boxes h2{
	color: #fff;
	font-size: 1.6em;
	margin-bottom: 5px;
}
.owl-boxes p{
	color: #fff;
	font: 600 1em/1.4 'proxima-nova-condensed', sans-serif;
	max-width: 390px;
	margin-bottom: 0;
}

.about {
	overflow-x: hidden;
}

.about .col-1-2:nth-child(2){
	margin-right: -5.5%;
	height: 350px;
	overflow: hidden;
}
.about img{
    min-width: 100%;
    height: 100%;
    object-fit: cover;
}

.lounge{
	overflow: hidden;
	background: #000f16;
	position: relative;
	color: #fff;
}
.lounge img{
	position: absolute;
	object-fit: cover;
	height: 100%;
	width: 100%;
	opacity: 0.8;
	top:0;
}
.lounge h2{
	font-size: 3.7em;
}
.lounge .heading{
	font: 400 2em/1.3 'proxima-nova', sans-serif;
	margin-bottom: 20px;
}

.products-start .col-1-2{
	border: 1px solid #eaebec;
	padding: 30px;
	margin-bottom: 2%;
}
.products-start .col-1-3{
	margin-right: 4%;
}
.products-start .col-1-2 h2{
	font-size: 1.6em;
	margin-bottom: 5px;
}

.owl-inspo .owl-nav {
    margin-top: 0;
    top: 35%;
    width: 100%;
    position: absolute;
    font-size: 1em;
}
.owl-inspo .owl-nav button{
	width: 45px;
	height: 45px;
	position: absolute;
}
.owl-inspo .owl-nav button.owl-prev:hover,
.owl-inspo .owl-nav button.owl-next:hover{
	opacity: 0.5;
}
.owl-inspo .owl-nav button.owl-prev {
	left: -70px;
	background: url('../seodr/assets/img/chevrons.svg') no-repeat;
	background-size: cover;
}
.owl-inspo .owl-nav button.owl-next {
	right: -70px;
	background: url('../seodr/assets/img/chevrons.svg') no-repeat;
	background-size: cover;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.owl-inspo .owl-nav button.owl-prev span, 
.owl-inspo .owl-nav button.owl-next span{
	visibility: hidden;
}
.front-page footer{
	border: none;
}


/*----------- Taxonomies and singles, default page, archive page -------------*/

.top-of-page{
	position: relative;
	overflow: hidden;
	/*background: #000f16;*/
	padding-top: 70px;
	/*color: #fff;*/
}
.top-of-page div{
	z-index: 2;
	position: relative;
}
.top-of-page img{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
	opacity: 0.35;
	top:0;
	left: 0;
}
.rank-math-breadcrumb p{
	font: 400 0.8em/1 'proxima-nova', sans-serif;
	padding: 20px 0;
	letter-spacing: 0.8px;
}
.rank-math-breadcrumb p a{
	font-weight: 700;
}
.rank-math-breadcrumb p a:hover{
	opacity: 0.5;
}
.top-of-page .rank-math-breadcrumb p{
	padding: 0;
	font-size: 0.9em;
}
/*.top-of-page .rank-math-breadcrumb p a{
	color: #fff;
}*/
.top-of-page .btn ~ .btn{
	margin-left: 10px;
}
.kontakt .default,
a.contact{
	display: none;
}
.kontakt .contact{
	display: inline-block;
}


.contactcolumns .pad-l{
	padding: 100px 0 0 0;
}
.contactcolumns .col-1-3{
	padding: 30px;
	border: 1px solid #000f16;
}


main ul{
	font-size: 1.2em;
	margin-bottom: 15px;
	list-style-type: circle;
}

.first-text .col-1-2 p,
.puffbild p{
	width: 95%;
}
.first-text .col-1-2 p a,
.puffbild .col-1-2 p a{
	text-decoration: underline;
}
.first-text .col-1-2 p a:hover,
.puffbild .col-1-2 p a:hover{
	text-decoration: none;
}


.inspohead{
  	display: block;
    background: #f2f3f4;
    font-size: 0.85em;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 20px;
    max-width: 350px;
    margin: -22px auto 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    width: 100%;
}
.first-text .col-1-2.second{
	position: relative;
}
.first-text .col-1-2 .col-1-3{
	width: 32.8%;
	margin-top: 0.8%;
}
.first-text .col-1-2 .col-1-3 img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}


.kontakt .puffbild .vert-center{
	-webkit-align-items: normal;
	-ms-align-items: normal;
	align-items: normal;
}
.kontakt .puffbild .col-1-2:first-of-type{
	background: #f2f3f4;
	padding: 40px 30px;
}
.kontakt .puffbild .col-1-2:first-of-type h2{
	text-align: center;
}

.puffbild .col-1-2:nth-child(2){
	height: 350px;
    overflow: hidden;
}

.kontakt .puffbild .col-1-2:nth-child(2){
	height: auto;
	max-height: 680px;
}
.puffbild img{
	min-width: 100%;
    height: 100%;
    object-fit: cover;
}

.kontakt .puffbild img{
	max-height: unset;
	min-height: 100%;
}


.products-archive .col-1-2{
	border: 1px solid #eaebec;
	padding: 30px;
	margin-bottom: 2%;
}
.products-archive .col-1-2 h2{
	font-size: 1.6em;
	margin-bottom: 5px;
}
.categories{
	font-size: 0.9em;
	font-style: italic;
	font-weight: 300;
}
.categories .head{
	position: relative;
	text-transform: none;
	font: 300 1em/1 'proxima-nova-condensed', sans-serif;
	font-style: italic;
	letter-spacing: normal;
	margin-top: 0;
	display: inline-block;
}
.categories .head:after{
	content: '';
	width: 100%;
	height: 1px;
	background: #000f16;
	position: absolute;
	left: 0;
	bottom: 0;
}
.categories a:before{
	content: ',';
	display: inline-block;
	padding-right: 3px;
}
.categories a:first-of-type:before{
	content: '';
}
.categories a:hover{
	opacity: 0.5;
}
article.mobler .span{
	text-transform: uppercase;
	font: 700 0.9em/1 'proxima-nova', sans-serif;
	letter-spacing: 1px;
	display: block;
	margin-top: 20px;
}

.product-listing-rounded{
	display: block;
}
.product-listing-rounded li{
	list-style-type: none;
	margin: 0 4px 12px 4px;
	position: relative;
}
.product-listing-rounded li a{
	background: #f2f3f4;
	border-radius: 30px;
	padding: 4px 16px;
}
.product-listing-rounded li a:hover{
	background: #000f16;
	color: #fff;
}

.om-oss .product-listing,
.kontakt .product-listing,
.cookiepolicy .product-listing,
.integritetspolicy .product-listing{
	display: none;
}

.product-listing li{
	float: left;
	display: block;
	margin: 0.3344%;
}
.product-listing li a{
	display: block;
	background: #f2f3f4;
	padding: 10px 0;
	width: 100%;
}
.product-listing li a:hover{
	background: #000f16;
	color: #fff;
}

.single-mobler h1{
	margin-top: 20px;
}


.second-text .col-1-2:nth-of-type(2){
	position: relative;
	overflow: hidden;
	background: #000f16;
}
.second-text .col-1-2:nth-of-type(1) p{
	width: 95%;
}
.second-text .col-1-2 img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
	opacity: 0.85;
}
.second-text .col-1-2:nth-of-type(2) p{
	display: block;
	width: 100%;
	font-size: 1em;
	margin-bottom: 0;
}
.second-text .col-1-2:nth-of-type(2) div{
	z-index: 2;
}

.textcolumns .col-1-2 h2:not(:first-child){
	font-size: 1.1em;
	text-transform: uppercase;
	margin-top: 30px;
	letter-spacing: 0.5px;
}
.textcolumns p a{
	text-decoration: underline;
}
.textcolumns p a:hover{
	text-decoration: none;
}

.bg-w-text{
	overflow: hidden;
	background: #000f16;
	position: relative;
	color: #fff;
}
.bg-w-text img{
	position: absolute;
	object-fit: cover;
	height: 100%;
	width: 100%;
	opacity: 0.6;
	top:0;
}
.bg-w-text h2{
	font-size: 3.9em;
}
.bg-w-text .heading{
	font: 400 1.35em/1.6 'proxima-nova', sans-serif;
	margin-bottom: 20px;
}



/*----------- 404 and search ------------*/

.resulttext{
	font: 700 2em/1.2 'proxima-nova', sans-serif !important;
}
.noresults{
	border-top: 1px solid #eaebec;
}
form.search{
	background: #f2f3f4;
	padding: 40px 30px;
	margin-top: 40px;
}
main .search-input{
	display: inline-block;
    width: 78%;
    margin-right: 2%;
    box-sizing: border-box;
    padding: 12px 15px;
    border-radius: 40px;
}
main .search-submit {
	background: transparent;
    border: 1.5px solid #000b16;
    color: #000b16;
    border-radius: 40px;
    width: 20%;
    text-align: center;
    text-transform: uppercase;
    font: 700 0.85em/1 'proxima-nova', sans-serif;
    letter-spacing: 0.07em;
    padding: 15px 30px;
    line-height: 1;
    display: inline-block;
}
main .search-submit:hover {
    background: #000f16;
    color: #fff;
}
.search main .col-1-2{
    margin-bottom: 20px;
}
.search main .col-1-2 article{
	border: 1px solid #eaebec;
	height: 100%;
    padding: 30px;
}
.search .col-1-2 h2{
	font-size: 1.6em;
	margin-bottom: 5px;
}

/*----------- Cookies ------------*/
:root{
    --main-color: #276BC4 !important;
    --link-color: #276BC4 !important;
    --text-color: #000f16 !important;
    --hover-color: #000f16 !important;
    --decline-color: #f2f3f4 !important;
    --decline-text: #000f16 !important;
    --decline-hover: #000f16 !important;
    --footer-background: #f2f3f4 !important;
}
#coiOverlay > .coi-banner__wrapper{
    position:relative; 
    z-index:2;
}
#coiOverlay > .coi-banner__wrapper .coi-banner__maintext, #coi-banner-wrapper *{
    line-height: 1.5em !important;
}
#coiOverlay .coi-banner__wrapper a[href]:not([disabled]){
    text-underline-offset:3px;
}
#coiOverlay #show_details, #coiOverlay #hide_details{
    text-decoration: none;
    padding: 11px 20px;
    border: 1px solid;
    border-radius: 5px;
}
#coiOverlay #show_details:hover, #coiOverlay #hide_details:hover{
    color: var(--main-color);
}
#coiOverlay #coiConsentBannerCategoriesWrapper{
    background: #fff;
}
#coiOverlay .coi-consent-banner__description-container.tab-panel-active{
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    margin-top: 30px;
}
#coiOverlay .coi-banner__page-footer{
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ccc;
}
#coiOverlay .coi-banner__accept:not(:disabled), 
#coiOverlay .coi-banner__decline:not(:disabled), 
#coiOverlay .coi-banner__lastpage:not(:disabled), 
#coiOverlay .coi-banner__nextpage:not(:disabled){
    font-size:1rem;
    padding: 11px;
    border-radius: 5px;
    letter-spacing:1px;
}
#coiOverlay button.coi-banner__lastpage:not(:hover):not(.has-background), 
#coiOverlay button.coi-banner__nextpage:not(:hover):not(.has-background), 
#coiOverlay button.coi-banner__decline:not(:hover):not(.has-background){
    border: 1px solid var(--text-color);
}
#coiOverlay .coi-banner__lastpage:hover, 
#coiOverlay .coi-banner__nextpage:hover, 
#coiOverlay .coi-banner__decline:hover {
    background: var(--hover-color) !important;
    border: solid 1px var(--decline-text) !important;
    color: var(--decline-color) !important;
}
#coiOverlay .coi-banner__footer{
    min-height:45px;
    border-radius:0;
}
#coiOverlay #coi-banner-wrapper .coi-banner__branding{
    visibility:hidden;
    margin:-10px 0 5px 0;
}
#coiOverlay #coi-banner-wrapper .coi-banner__branding a.coi-external-link{
    visibility:visible;
}
#coiOverlay .screen-reader-only{
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
.coi-banner__footer{padding: 40px 40px 0px !important;}
.coi-banner__footer img {width: 100px !important;}

/*----------- Footer ------------*/

footer{
	position: relative;
    background: #f2f3f4;
    padding: 20px 0 40px 0;
    z-index: 1;
    border-right: 30px solid #fff;
    border-left: 30px solid #fff;
}
footer h3{
	margin: 20px 0 8px 0;
	text-transform: uppercase;
	font-size: 0.85em;
	letter-spacing: 1px;
}
footer p{
	font-size: 0.95em;
	font-weight: 300;
	margin-bottom: 0;
}
footer nav ul {
	list-style-type: none;
	margin-top: 0;
	padding-left: 0;
	-webkit-columns: 150px 4;
    -moz-columns: 150px 4;
    columns: 150px 4;
}
footer nav ul li{
	font-family: 'proxima-nova-condensed', sans-serif;
	font-weight: 300;
	font-size: 0.95em;
}
footer .logobox img{
	max-width: 125px;
	padding-top: 16px;
}
footer a:hover{
	text-decoration: underline;
}
.sub-footer{
	position: relative;
	z-index: 1;
}
.sub-footer p.copyright{
	font-size: 0.9em;
	padding: 5px;
	background: #fff;
	margin-bottom: 0;
}
.sub-footer span{
	padding: 0 5px;
	font-size: 1.1em;
}
.sub-footer a:hover{
	text-decoration: underline;
}


/*------------ responsive ------------*/


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

	/* Startsida */

	.owl-boxes .col-f-1-3{
		padding: 30px 30px 35px 35px;
	}

	.inspo-start .owl-outer{
		margin: 0 70px;
	}

	/* General */

	.pad-l{
		padding: 80px 0;
	}

	.products-archive .col-1-2 h2{
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}

}

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

	/* Header/Menu */

	.logo img {
	    width: 115px;
	}

	header nav.extra-nav ul li a{
		padding: 18px 10px !important;
	}

	/* Cookies
	.cookie-notice-container{
		text-align: center;
	}
	#cn-notice-text{
		display: block;
	    max-width: 600px;
	    width: 80%;
	    margin: 0 auto;
	}
	#cn-accept-cookie{
		display: block;
		max-width: 220px;
		margin: 25px auto 0 auto !important;
	}
	*/

	/* Front page */

	.products-start .col-1-2{
		-webkit-justify-content: center;
	    -ms-justify-content: center;
	    justify-content: center;
	    -webkit-align-items: flex-start;
	    -ms-align-items: flex-start;
    	align-items: flex-start;
	    width: 32.5%;
	}
	.products-start .col-1-2 .col-1-3{
		width: 150px;
	}
	.products-start .col-1-2 .col-2-3{
		width: 100%;
		margin-top: 20px;
		text-align: center;
	}

	/* Pages */

	.puffbild .col-1-2:nth-child(2){
		height: 550px;
	}


	/* Footer */

	footer .col-1-6{
		width: 23%;
	}
	footer .col-4-6{
		width: 48%;
	}


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

	.products-archive article .col-1-3{
		width: 100%;
		margin-bottom: 25px;
		text-align: center;
	}

	.products-archive article .col-1-3 img {
		max-height: 180px;
		object-fit: contain;
	}
	.products-archive article .col-2-3{
		width: 100%;
	}


}

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

	/* Header/Menu/Start */

	#mainhead{
		padding: 0;
	}
	.front-page{
		margin-top: 125px;
	}
	.owl-boxes p {
		font-size: 0.9em;
	}
	main {
		padding-top: 125px;
	}
}

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



	/* Startsida */

	.owl-puff.wrap{
		width: 90%;
	}
	.owl-puff h1{
		font-size: 3.4em;
		line-height: 1em;
	}
	.owl-boxes .col-f-1-3{
		padding: 20px 30px;
	}
	.owl-boxes h2{
		font-size: 1.3em;
	}
	.products-start .col-1-2{
		width: 49%;
		padding: 20px 20px 10px 20px;
	}

	/* General */

	.pad-l {
	    padding: 60px 0;
	}
	.pad-m {
		padding: 40px 0;
	}
	.wrap-s, .wrap-l, .wrap-m, .wrap{
		width: 100%;
	}
	.wpcf7-submit{
		display: block;
		clear: both;
		float: left;
	}

	/* Pages */

	.top-of-page{
		padding-top: 0;
		padding: 0 20px;
	}

	.about .col-1-2:nth-child(2){
		height: 400px;
	}
	.lounge .wrap-m{
		width: 90%;
	}
	.lounge h2{
		font-size: 3.4em;
		line-height: 1em;
	}
	.first-text .col-1-2:first-of-type{
		width: 100%;
	}
	.first-text .col-1-2.second{
		width: 100%;
		margin-top: 60px;
	}

	.puffbild .col-1-2{
		width: 100%;
	}
	.puffbild .col-1-2:first-of-type{
		margin-bottom: 20px;
	}
	.puffbild .col-1-2:nth-child(2),
	.kontakt .puffbild .col-1-2:nth-child(2){
		height: 280px;
	}


	.product-listing{
		width: 100%;
	}

	.product-listing li.col-1-6{
		width: 30%;
	}

	.bg-w-text .wrap-m{
		width: 90%;
	}

	.bg-w-text h2{
		font-size: 3.1em;
		line-height: 1.1em;
		margin-bottom: 10px;
	}
	.bg-w-text .heading{
		font: 700 1.2em/1.5 'proxima-nova', sans-serif;
	}
	.textcolumns .col-1-2{
		width: 100%;
	}

	.contactcolumns .col-1-3{
		width: 100%;
		margin: 0px 10px 10px 10px;
	}



	/* Footer */

	footer .wrap-l{
		width: 90%;
	}
	footer .wrap-l.flex.flex-space{
		-webkit-justify-content: normal;
	    -ms-justify-content: normal;
	    justify-content: normal;
	}

	footer .col-1-6{
		width: 100%;
	    text-align: center;
	    padding-bottom: 30px;
	    margin-bottom: 10px;
	    border-bottom: 1px solid #dfe1e2;
	}
	footer .col-1-6.logobox{
		display: none;
	}
	footer .col-4-6{
		width: 100%;
	}

}

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

	/* Header */

	#tophead.hide{
		height: 30px;
		padding: 3px 0;
		overflow: hidden;
		font-size: 0.9em;
	}
	/*.header.fixed.space{
		border-top: 30px solid #fff;
	}*/

	#tophead .col-1-2{
		-webkit-justify-content: center;
	    -ms-justify-content: center;
	    justify-content: center;
		display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	}

	.header.fixed .mobile-nav{
		top: 155px !important;
	}
	.header.fixed.space .mobile-nav{
		top: 115px !important;
	}

	/* General */

	.wrap,
	.col-1-2{
		width: 100%;
	}

	/* Front page */

	.front-page {
		margin-top: 155px;
	}

	.owl-puff.wrap{
		width: 90%;
	}

	.owl-boxes .col-f-1-3{
		width: 50%;
	}

	.owl-boxes .col-f-1-3:nth-child(3){
		display: none;
	}
	.owl-boxes .col-f-1-3:nth-child(even){
    	border-right: 0;
	}

	.products-start .col-1-2{
		width: 49%;
	}

	/* Pages */

	main {
    	padding-top: 155px;
	}
	.about .col-1-2:nth-child(1){
		text-align: center;
	}
	.about .col-1-2:nth-child(2){
		display: none;
	}
	.second-text .col-1-2:nth-of-type(2){
		margin-top: 40px;
		padding: 20px 20px 45px 20px;
	}
	main .search-input{
		width: 100%;
		margin-bottom: 10px;
	}
	main .search-submit{
		width: auto;
		margin: 0 auto;
	}

}


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

	main, .front-page, footer {
		border: none;
	}

	/* Header */

	#tophead.hide {
		display: none;
	}
	.home #tophead {
		display: none;
	}

	header {
		margin: 0;
		background: #fff;
	}

	#mainhead{
		padding: 0 0 0 20px;
	}

	.socialicons{
		top: inherit;
		bottom: 0;
		left: 0;
		margin: 0 auto;
		width: 152px;
		border-right: 1px solid #000f16;
		display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	}
	.socialicons i, .socialicons i.icon-facebook{
		width: 50px;
		font-size: 26px;
	}
	.socialicons a:nth-child(even) i{
		border-right: 1px solid #000f16;
		border-left: 1px solid #000f16;
	}

	.search-overlay.active {
		right: 0;
	}

	/* Front page */

	.front-page{
		margin-top: 85px;
	}

	.front-page .startslide.owl-outer {
		flex-direction: row;
	}

	.front-page .owl-start.owl-carousel{
		opacity: 0.5;
	}
	.owl-puff.wrap{
		width: 85%;
		padding: 50px 0;
	}
	.owl-puff h1 {
	    font-size: 2.4em;
	}
	.owl-puff h1 span{
		font-size: 0.6em;
    	margin-top: 20px;
	}
	.owl-boxes{
		display: none;
	}
	.products-start .col-1-2{
		width: 100%;
	}
	.products-start .col-1-2 .col-1-3{
		width: 120px;
	}
	.inspo-start .owl-outer{
		margin: 0 60px;
	}
	.owl-inspo .owl-nav button.owl-prev{
		left: -60px;
	}
	.owl-inspo .owl-nav button.owl-next{
		right: -60px;
	}

	/* General */

	.wrap-s, .wrap-l, .wrap-m, .wrap {
		width: 90%;
		margin: 0 auto;
	}

	a.btn-primary, .btn-primary, a.btn-secondary-white, .btn-secondary-white,
	a.btn-primary-blue, .btn-primary-blue{
		min-width: 180px;
	}
	a.btn, .btn{
		margin-top: 15px;
	}

	.search-overlay{
		width: 261px;
	}

	#forfragan{
		width: 320px;
		-moz-box-shadow: none;
    	-webkit-box-shadow: none;
    	box-shadow: none;
	}
	#forfragan.active{
		right: 0;
	}
	#forfragan input[type=submit],
	input[type="submit"]{
		min-width: 0;
	}

	/* Pages */

	.lounge h2{
		font-size: 2.4em;
	}
	.lounge .heading{
		font: 400 1.7em/1.3 'proxima-nova', sans-serif;
	}
	.products-archive article .col-1-3{
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.products-archive article .col-2-3{
		width: 100%;
		text-align: center;
	}
	.second-text .col-1-2:nth-of-type(2){
		padding: 20px 20px 35px 20px;
	}
	.product-listing li.col-1-6{
		width: 49%;
		line-height: 1em;
	}
	.bg-w-text h2{
	    font-size: 2.5em;
	    width: 100%;
	    -webkit-hyphens: auto;
	    -ms-hyphens: auto;
	    hyphens: auto;	
	}
	.kontakt .puffbild .col-1-2:first-of-type h2{
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}

	.tax-kategorier .first-text .col-1-2 .col-1-3 {
		width: 100%;
		display: none;
	}
	.tax-kategorier .first-text .col-1-2 .col-1-3:nth-child(1) {
		display: block;
	}

	/* Footer */

	footer .col-4-6{
		margin: 0 8px;
	}
	footer nav ul{
		columns: 100px 2;
	}
	footer nav ul li{
		margin-bottom: 9px;
    	line-height: 1.3em;
	}
	footer nav ul li a{
		hyphens: auto;
	}
	.sub-footer p.copyright{
		padding: 15px 5px 60px 5px;
		line-height: 1.2em;
	}

	.footer p, .footer-nav li {
		padding: 8px 0;
	  }
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

	/* Edge */

	.owl-start .owl-item, .about .col-1-2:nth-child(2), .lounge, .top-of-page,
	.first-text .col-1-2 .col-1-3, .puffbild .col-1-2:nth-child(2), 
	.second-text .col-1-2, .bg-w-text {
		position: relative;
		overflow: hidden;
	}

	.kontakt .puffbild .col-1-2:nth-child(2) {
		height: 400px;
	}

	.first-text .col-1-2 .col-1-3 {
		min-height: 200px;
	}

	.owl-start .owl-item img, .about img, .lounge img, .top-of-page img,
	.first-text .col-1-2 .col-1-3 img, .puffbild img, 
	.second-text .col-1-2 img, .bg-w-text img{
		height: auto;
	    min-height: 100%;
	    min-width: 100%;
	    max-width: 125%;
	    width: auto !important;
	    position: absolute;
	    top: 0;
	    left: 0;
	    white-space: nowrap;
  	}

  	/* IE 10 */

  	.owl-boxes .col-f-1-3 > div,
  	.end p, .end h2,
  	.top-of-page > div {
  		width: 100%;
  	}

  	.socialicons i {
  		float:left;
  	}

}


/*------------ WordPress core ---------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}


/*------------ Print css -----------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}