/* flexboxgrid */

#villkor {
  display:none;
}
#bodywrapper.villkor_active > *:not(#villkor) {
    display: none;
}
#bodywrapper.villkor_active > div#villkor {
    display: block;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left:15px;
}

#non_form {text-align: center;}


.row {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: calc(15px*-1);
  margin-left: calc(15px*-1);
}
.row-no-marg {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.row.reverse {
  -ms-flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
}

.col.reverse {
  -ms-flex-direction: column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse;
}

.flexcol {
  -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  box-sizing: border-box;
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  -ms-flex-preferred-size: 8.333%;
  flex-basis: 8.333%;
  max-width: 8.333%;
}

.col-xs-2 {
  -ms-flex-preferred-size: 16.6667%;
  flex-basis: 16.6667%;
  max-width: 16.6667%;
}

.col-xs-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  max-width: 33.333%;
}

.col-xs-5 {
  -ms-flex-preferred-size: 41.6667%;
  flex-basis: 41.6667%;
  max-width: 41.6667%;
}

.col-xs-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  -ms-flex-preferred-size: 58.333%;
  flex-basis: 58.333%;
  max-width: 58.333%;
}

.col-xs-8 {
  -ms-flex-preferred-size: 66.6667%;
  flex-basis: 66.6667%;
  max-width: 66.6667%;
}

.col-xs-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  -ms-flex-preferred-size: 83.333%;
  flex-basis: 83.333%;
  max-width: 83.333%;
}

.col-xs-11 {
  -ms-flex-preferred-size: 91.6667%;
  flex-basis: 91.6667%;
  max-width: 91.6667%;
}

.col-xs-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.start-xs {
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  text-align: left;
  text-align: start;
}

.center-xs {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
}

.end-xs {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  justify-content: flex-end;
  text-align: right;
  text-align: end;
}

.top-xs {
  -ms-flex-align: start;
  -webkit-box-align: start;
  align-items: flex-start;
}

.middle-xs {
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.bottom-xs {
  -ms-flex-align: end;
  -webkit-box-align: end;
  align-items: flex-end;
}

.bottom-xs-self {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.around-xs {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

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

.first-xs {
  -ms-flex-order: -1;
  -webkit-box-ordinal-group: 0;
  order: -1;
}

.last-xs {
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
  order: 1;
}

@media only screen and (min-width: 768px) {
  .container {
    width: 46rem;
  }
  .container-fluid {
  padding-right: 30px;
  padding-left:30px;
}

  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 15px;
    padding-left: 15px;
  }

  .col-sm {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-sm-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-sm-2 {
    -ms-flex-preferred-size: 16.6667%;
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .col-sm-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-sm-5 {
    -ms-flex-preferred-size: 41.6667%;
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-sm-8 {
    -ms-flex-preferred-size: 66.6667%;
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-sm-11 {
    -ms-flex-preferred-size: 91.6667%;
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .col-sm-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .start-sm {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-sm {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-sm {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-sm {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .middle-sm {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .bottom-sm {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .around-sm {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

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

  .first-sm {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .last-sm {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}

@media only screen and (min-width: 1025px) {
  .container {
    width: 61rem;
  }

  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 15px;
    padding-left: 15px;
  }

  .col-md {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-md-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-md-2 {
    -ms-flex-preferred-size: 16.6667%;
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-md-5 {
    -ms-flex-preferred-size: 41.6667%;
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-md-8 {
    -ms-flex-preferred-size: 66.6667%;
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-md-11 {
    -ms-flex-preferred-size: 91.6667%;
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .start-md {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-md {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-md {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-md {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .middle-md {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .bottom-md {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .around-md {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

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

  .first-md {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .last-md {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}

@media only screen and (min-width: 1200px) {
  .container {
    width: 71rem;
  }

  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 15px;
    padding-left: 15px;
  }

  .col-lg {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-lg-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-lg-2 {
    -ms-flex-preferred-size: 16.6667%;
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-lg-5 {
    -ms-flex-preferred-size: 41.6667%;
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .col-lg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-lg-8 {
    -ms-flex-preferred-size: 66.6667%;
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-lg-11 {
    -ms-flex-preferred-size: 91.6667%;
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .start-lg {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-lg {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-lg {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-lg {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .middle-lg {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .bottom-lg {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .around-lg {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

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

  .first-lg {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .last-lg {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }

  .padd-left-md {
    padding-left:65px;
  }
}

/* ---------------------------------- */

/* head */

html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

body {
	position: absolute;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  /* background-image: linear-gradient(to bottom, rgba(244, 246, 252, 0.52), rgba(117, 19, 93, 0.73)), url('/landingpage/img/teknikproffset_bg.jpeg'); */
  background-image: url('/img/teknikproffset_bg.png'); 
  background-repeat: repeat-y;
  background-size: cover;
}

img, iframe {
	max-width: 100%;
	height: auto;
	border: 0;
}

img[data-src] {
	opacity: 0;
}

ul {
	padding: 0;
	margin: 0;
}

figure {
	margin: 0;
}

body,
textarea,
input,
select {
	color:#000;
	font-size: 16px;
	font-family: 'Lexend', sans-serif;
}

a {
	color:#000;
}


/* GROUP */
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* GRID */
.flexbox {
	display: -webkit-box;
	display: -moz-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.flexboxWrap {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.wrap, .wrapper {
	margin: 0 auto;
	/*max-width: 1220px;*/
}
.wrap-sm {
	max-width: 700px;
	margin: 0 auto;
}

.w-100 {
	width:100%;
}

#main {
	position: relative;
	height: 100%;
}

#bodywrapper {
	min-height: 100%;
}

.logo img {
	display: block;
  object-fit: contain;
}
.com .logo img {
    margin: 0 auto;
}
p {
	line-height: 1.8;
}
.footer {
	line-height:1.8;
	font-weight:500;
}
.logos img {
  max-height: 50px;
  max-width: 16%;
  margin: 0 10px;
}
.logos img.fritzhansen {
  max-width: 15%;
  margin-top: 4px;
}
.logos img.largetext {
  max-height: 40px;
}
.logos img.xlargetext {
  max-height: 30px;
}
.logossecond .col-xs-6 img {
  max-height: 40px;
  margin: 5px auto;
}
.logossecond .col-xs-6.largetext img {
  max-height: 30px;
}
.logossecond .col-xs-6.xlargetext img {
  max-height: 25px;
}
.hero {
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.com .hero {
  justify-content: center;
}
.herotitle {
  margin-top: 120px;
}

/* grid display settings */
/* xs */
@media screen and (max-width:767px) {
	.not-xs, .only-desktop {display:none!important;}
	.stagepadding-xs {padding-right:60px;}
	.container-fluid .col-xs-12 {padding-left:0; padding-right:0;}
}
/* sm */
@media screen and (min-width:768px) and (max-width:1024px) {
	.not-sm, .only-desktop {display:none!important;}
	.stagepadding-sm {padding-right:60px;}
	.logos img {object-fit:scale-down;}
  .logos img {
    max-height: 40px;
  }
  .logos img.largetext {
    max-height: 30px;
  }
  .logos img.xlargetext {
    max-height: 20px;
  }
}
/* md */
@media screen and (min-width:1025px) and (max-width:1199px) {
	.not-md, .only-mobile {display:none!important;}
	.stagepadding-md {padding-right:60px;}
}
/* lg */
@media screen and (min-width:1200px) {
	.not-lg, .only-mobile {display:none!important;}
	.stagepadding-lg {padding-right:80px;}
  .wrap {padding-left:100px; padding-right:100px;}
}
.hide {display:none!important;}

@media screen and (max-width:767px) {
	.logo img {
	    margin: 0 auto;
	}
	.logo {
	    text-align: center;
	}
	.signup input, .signup .btn {
		width:100%;
	}
	.signup .btn {
		margin-top:10px;
		margin-left:0;
	}
}

@media only screen and (max-width: 1025px) {
  .max-text-sm {
    max-width: unset!important;
  }
  .rubrwithbr br {
    display: none;
  }
}

.slick-slide img {
  width: 100%;
}

a {
  text-decoration: underline;
  transition: color 150ms ease-in-out;
}
a:hover, a.noline, a.noline:hover, #villkor-link:hover {
  color: #6ca71d;
}

#selectedCountry {font-weight: 500;}

/* ---------------------------------- */

/* components head */

  /* lexend-300 - latin */
  @font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 300;
    src: url('webfonts/lexend/lexend-v2-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
       url('webfonts/lexend') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/lexend/lexend-v2-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/lexend/lexend-v2-latin-300.woff') format('woff'), /* Modern Browsers */
       url('webfonts/lexend/lexend-v2-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/lexend/lexend-v2-latin-300.svg#Lexend') format('svg'); /* Legacy iOS */
    }
    /* lexend-regular - latin */
    @font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 400;
    src: url('webfonts/lexend/lexend-v2-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
       url('webfonts/lexend/lexend-v2-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/lexend/lexend-v2-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/lexend/lexend-v2-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('webfonts/lexend/lexend-v2-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/lexend/lexend-v2-latin-regular.svg#Lexend') format('svg'); /* Legacy iOS */
    }
    /* lexend-500 - latin */
    @font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 500;
    src: url('webfonts/lexend/lexend-v2-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
       url('webfonts/lexend/lexend-v2-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/lexend/lexend-v2-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/lexend/lexend-v2-latin-500.woff') format('woff'), /* Modern Browsers */
       url('webfonts/lexend/lexend-v2-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/lexend/lexend-v2-latin-500.svg#Lexend') format('svg'); /* Legacy iOS */
    }
    /* lexend-600 - latin */
    @font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 600;
    src: url('webfonts/lexend/lexend-v2-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
       url('webfonts/lexend/lexend-v2-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/lexend/lexend-v2-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/lexend/lexend-v2-latin-600.woff') format('woff'), /* Modern Browsers */
       url('webfonts/lexend/lexend-v2-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/lexend/lexend-v2-latin-600.svg#Lexend') format('svg'); /* Legacy iOS */
    }
    /* lexend-700 - latin */
    @font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 700;
    src: url('webfonts/lexend/lexend-v2-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
       url('webfonts/lexend/lexend-v2-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/lexend/lexend-v2-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/lexend/lexend-v2-latin-700.woff') format('woff'), /* Modern Browsers */
       url('webfonts/lexend/lexend-v2-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/lexend/lexend-v2-latin-700.svg#Lexend') format('svg'); /* Legacy iOS */
    }
    /* lexend-800 - latin */
    @font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 800;
    src: url('webfonts/lexend/lexend-v2-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''),
       url('webfonts/lexend/lexend-v2-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/lexend/lexend-v2-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/lexend/lexend-v2-latin-800.woff') format('woff'), /* Modern Browsers */
       url('webfonts/lexend/lexend-v2-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/lexend/lexend-v2-latin-800.svg#Lexend') format('svg'); /* Legacy iOS */
    }

/* hide components on load */
.canvas-right-module,
.canvas-left-module,
.canvas-right-module-xs,
.canvas-left-module-xs,
.canvas-right-module-sm, 
.canvas-left-module-sm {
	display: none;
}
h1, h2 {
	font-family: 'Lexend', sans-serif;
}
h1 {
	font-size: 34px;
}
h2 {
	font-size: 28px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}

/* COLOR */
.white {
	color: #fff;
}
.blackbg {
	background: #000;
}
.lowlight, .lowlight a {
	color: #7e7e7e;
}
.lowlight2, .lowlight2 a {
	color: #bdbdbd;
}
/* BACKGROUND */
.white-bg {
  background: #fff;
}

/* FONT SIZES */
.text-xxs {
	font-size: 10px;
}
.text-xs {
	font-size: 12px;
}
.text-s {
	font-size: 14px;
}
.text-n {
	font-size: 16px;
}
.text-m {
	font-size: 18px;
}
.text-l {
	font-size: 20px;
}
.text-xl {
	font-size: 28px;
}
.text-xxl {
	font-size: 34px;
}
.text-xxxl {
	font-size: 42px;
}
.fa-l {
	font-size: 22px;
}
.ng-l {
	font-size: 30px;
}
.ng-m {
	font-size: 22px;
}

/* FONT WEIGHT */
.font-r, body {
	font-weight: 400;
}
.font-m {
	font-weight: 500;
}
.font-b, .b, h1, h2, h3, h4 {
	font-weight: 600;
}
h3, h4 {
	margin: 0;
}

@media screen and (max-width: 767px){
	h1, .text-xxxl, .text-xxl {
		font-size: 28px;
	}
	h2, .text-xl {
		font-size: 26px;
	}
	h3,
	.text-l {
		font-size: 20px;
	}
	h4 {
		font-size:18px;
	}
	.text-m,
	.firstform h3.text-xl.font-m {
		font-size: 16px;
	}
	.firstform h3.text-xl.font-m {
		line-height: 1.6;
	}
	.secondform h3 {
		line-height: 1.2;
	}
	h3 {
		margin-top:1em;
	}
	.reverse-xs .col-xs-12:last-child {
		order:-1;
		margin:-30px -15px 30px;
		width:calc(100% + 30px);
		-ms-flex-preferred-size: calc(100% + 30px);
	    flex-basis: calc(100% + 30px);
	    max-width: calc(100% + 30px);
	}
	.secondform.text-center {
		padding-top:80px;
		text-align:left;
	}
	.footer {
		padding-top:30px;
		padding-bottom:30px;
	}
}

/* TEXT DECORATION */
.text-uppercase {
	text-transform: uppercase;
}
.text-lowercase {
	text-transform: lowercase;
}
.text-underline {
	text-decoration: underline;
}
.text-pointer {
	cursor: pointer;
}
.text-linetrough {
	text-decoration: line-through;
}
.text-center {
	text-align: center;
}
.text-center .max-text-sm, .text-center .max-text-xs, .text-center .max-text-md {
	margin-left:auto;
	margin-right:auto;
}
.text-line {
	text-align: center;
	position: relative;
}
.text-line span {
	padding: 0 5px;
	background: #fff;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.max-text-md {
	max-width:700px;
}
.max-text-sm {
	max-width:500px;
}
.max-text-xs {
	max-width:300px;
}
div.max-text-sm p {
  margin:10px 0;
}

/* GUTTERS */ 
.gutter-xs-B {
	margin-bottom: calc(15px/3);
}
.gutter-sm-B {
	margin-bottom: calc(15px/2);
}
.gutter-md-B:not(:empty) {
	margin-bottom: 15px;
}
.gutter-lg-B {
	margin-bottom: calc(1.5*15px);
}
.gutter-xs-T {
	margin-top:calc(15px/3);
}
.gutter-xs-L {
	margin-left:calc(15px/3);
}
.gutter-xs-R {
	margin-right:calc(15px/3);
}
.gutter-sm-T {
	margin-top: calc(15px/2);
}
.gutter-md-T {
	margin-top: 15px;
}
.gutter-md-L {
	margin-left: 15px;
}
.gutter-md-R {
	margin-right: 15px;
}
.gutter-lg-T {
	margin-top: calc(1.5*15px);
}
.gutter-xlg-T {
	margin-top: 40px;
}
.gutter-xlg-B {
	margin-bottom: 40px;
}
.gutter-xxlg-B {
  margin-bottom: 80px;
}
.box-padd {
	padding: 15px;
}
.box-padd-lg {
	padding: calc(2*15px);
}
.padd-lg-T {
	padding-top: calc(1.5*15px);
}
.padd-lg-B {
	padding-bottom: calc(1.5*15px);
}
.padd-md-L {
	padding-left: 15px;
}
.padd-md-R {
	padding-right: 15px;
}
.padd-lg-R {
  padding-right: 30px;
}
.padd-md-T {
	padding-top: 15px;
}
.padd-md-B {
	padding-bottom: 15px;
}
.padd-sm-L {
	padding-left: calc(15px/2);
}
.padd-sm-R {
	padding-right: calc(15px/2);
}
.padd-xs-L {
	padding-left: calc(15px/3);
}
.padd-xs-R {
	padding-right: calc(15px/3);
}
.no-padd {
	padding-left: 0!important;
	padding-right: 0!important;
}
.no-padd-l {
	padding-left: 0;
}
.no-padd-r {
	padding-right: 0;
}
.no-gutter-T {
  margin-top: 0;
}
.no-gutter-B {
  margin-bottom: 0;
}
@media screen and (max-width: 767px){
	.gutter-xlg-T {
		margin-top:15px;
	}
	.gutter-xlg-B {
		margin-bottom:15px;
	}
	.max-text-xs {
		max-width:100%;
	}
	.padd-left-md .col-xs-12:nth-child(2) {
		padding-top:15px;
		padding-bottom:15px;
	}
  .com .firstform {
    margin: 30px auto;
  }
}
@media screen and (min-width: 1200px){
  .img-fix img {
    max-width: 1200px;
  }
}
/* BORDERS */
.border-T {
	border-top:1px solid #ececec;
}
.border-B {
	border-bottom:1px solid #ececec;
}
.border-L {
	border-left:1px solid #ececec;
}
.border-R {
	border-right:1px solid #ececec;
}
.left {
	float: left;
}
.right {
	float: right;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.nowrap {
	white-space: nowrap;
}
.liststyle-none {
	list-style: none;
}
.bg-img img, .bg-img picture {
	width: 100%;
	height:100%;
  object-fit: cover;
}
.com .bg-img img {
  object-position: 70% 0%;
}
.bg-img {
	height:100%;
}
#header .logo, #header .firstform, #header .logos, .secondform {
  z-index:5;
}
.bg-relative {
	/* overflow: hidden; */
}
/* mask */
.mask {
	position: relative;
}
.mask:after {
	content: '';
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.0255);
	position: absolute;
	pointer-events: none;
	z-index: 1;
}
.icon-arrow-round {
	background: #000;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	/* Denna får inte squishas */
	min-width: 32px;
	min-height: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	        justify-content: center;
	cursor:pointer;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	z-index: 1;
}
.icon-arrow-round.right-arrow {
	right: 15px;
}
.icon-arrow-round.left-arrow {
	left: 15px;
}
.icon-arrow-round:before {
	font-family: "Font Awesome 5 Pro";
	color: #fff;
}
.icon-arrow-round.right-arrow:before {
	content: "\f054";
}
.icon-arrow-round.left-arrow:before {
	content: "\f053";
}
.icon-arrow-round.disabled, .slick-arrow[aria-disabled="true"] .icon-arrow-round {
	opacity:0.3;
	cursor:initial;
}
/* Btn - knappar */
.btn,
.Knapp_Generell a,
.buy-button,
#SubmitFalt #Knapp_Bevaka_Produkt,
.info-link,
.do_more #more_of_it,
input[type='button'],
.Checkout a,
.Knapp_Kop a,
.Knapp_Kop2,
button,
.utlamningsstalle a {
	font-weight: 500;
	padding: 16px 10px 14px 10px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}
@media only screen and (min-width: 768px) {
	.btn,
	.Knapp_Generell a,
	.buy-button,
	.info-link,
	.do_more #more_of_it,
	input[type='button'],
	.Checkout a,
	.Knapp_Kop a,
	button.Knapp_Kop,
	.Knapp_Kop2,
	button,
	.utlamningsstalle a {
		min-width: 192px;
	}

	.img-fix img {
		margin-top:-60px;
	}
}
.btn.disabled,
.btn:disabled {
	cursor: default;
	pointer-events: none;
}
.btn-small, 
button.Knapp_Kop {
	padding: 3px 6px;
	min-width: 140px;
}
.btn-primary,
.buy-button,
#SubmitFalt #Knapp_Bevaka_Produkt,
.Checkout a,
.Knapp_Kop a,
button.Knapp_Kop,
.Knapp_Kop2,
.Knapp_Generell a {
	background: #FFF000;
	color: #000;
	border: 1px solid #FFF000;
}
.com .btn-primary {
  background: #8cc63f;
  color: #fff;
  border: 1px solid #6ca71d;
  font-weight: 600;
}
.btn-primary:hover,
.buy-button:hover,
#SubmitFalt #Knapp_Bevaka_Produkt:hover,
.Checkout a:hover,
.Knapp_Kop a:hover,
.Knapp_Kop2:hover,
button.Knapp_Kop:hover,
.Knapp_Generell a:hover {
	opacity: 0.8;
}
.com .btn-primary:hover {background: #79a342; opacity: 1; color: #fff;}
.btn-primary.disabled,
.btn-primary:disabled,
.buy-button.disabled,
.Checkout a.disabled,
.Knapp_Kop a.disabled,
.Knapp_Kop2.disabled {
	background: #f8f8f8;
	border: 1px solid #f8f8f8;
	color: #bdbdbd;
}
.btn-secondary,
button.Knapp_Kop.campaign-remove,
.info-link {
	background: #fff;
	color: #000;
	border: 1px solid #000;
}
.btn-secondary:hover,
button.Knapp_Kop.campaign-remove:hover,
.info-link:hover {
	background: #000;
	color: #fff;
}
.btn-secondary.disabled,
.btn-secondary:disabled,
.info-link.disabled {
	border: 1px solid #ececec;
	color: #bdbdbd;
}
.btn-secondary-light {
	background: #f8f8f8;
	color: #000;
	border: 1px solid #f8f8f8;
}
.btn-secondary-light:hover {
	background: #ececec;
	color: #000;
	border: 1px solid #ececec;
}
.btn-secondary-light.disabled,
.btn-secondary-light:disabled {
	background: #f8f8f8;
	color: #bdbdbd;
	border: 1px solid #f8f8f8;
}
.btn-tag, .crosslink a {
	background: #f8f8f8;
	color: #000;
	border: 1px solid #f8f8f8;
}
.btn-tag:hover, .btn-tag.active, .crosslink a:hover {
	background: #000;
	color: #fff;
	border: 1px solid #000;
}
.btn-xs, .btn-secondary.disabled.btn-xs {
	border-width: 1px;
	padding: 3px 6px;
	min-width: unset;
	font-size: 12px;
}

.btn-auto,
.Knapp_Visa_Onskelista_Tabell,
.Knapp_Kop a,
.Knapp_Kop2 {
	width: auto;
}
.buy-button {
	position: relative;
}

.buy-button .feedback {
	display: none;
}
.buy-button .label {
	font-size: 0;
	margin-bottom: 0;
}
.buy-button[data-state='default'] .label {
	font-size: 14px;
}

.buy-button:not([data-state='default']) .label:before {
	content: attr(data-default);
	color: transparent;
	font-size: 14px;
}
.buy-button:not([data-state='default']) .label:after {
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	line-height: normal;
	font-size: 14px;
	color: #fff;
}
.buy-button[data-state='processing'] .label:after {
	content: "\f1ce";
	transform: none;
	-webkit-animation: air-loading 1s linear infinite;
	animation: air-loading 1s linear infinite;
	margin: -.5rem 0 0 -.5rem;
}
.buy-button[data-state='success'] .label:after {
	content: "\f00c";
}


.buy-button[data-state='error'] .label:after {
	content: "\f321";
}

.crosslink {
	margin: 15px 0 5px;
	font-size: 0;
}
.crosslink a {
	font-weight: 500;
	font-size: 14px;
	padding: 3px 6px;
	margin-left: 10px;
}
.crosslink a:not(:first-child) {
	margin-left: 10px;
}

/* other */
.PT_Wrapper .badges {
	position: absolute;
	z-index: 2;
}
.read-more.arrow:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f078";
	font-size: 12px;
	padding-left:5px;
}
.read-more.arrow + *, .hidden-read-more {
	display:none;
}
.select-ul-li.xs-dd {
	width: auto;
	display: inline-block;
}

/* duplicate in components_footer */
input:not([type='range']):not([type='color']), select, textarea, button, .input-checkbox, .input-radio, .input-text {
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-box-shadow: none;
	appearance: none;
}

/* ARTCELLS */
.cells_in_grid, .cm .row {
    margin-right: calc(15px*-.5);
    margin-left: calc(15px*-.5);
}
.cells_in_grid .cell, .cm .row div[class^="col-"] {
    padding-right: calc(15px*.5);
    padding-left: calc(15px*.5);
}

/* overflowing scroll elements */
.outer-scroll {
    overflow-y: hidden;
    position: relative;
    /* must also have a height */
}
.inner-scroll {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}
.inner-scroll > *:first-child {
	margin-left: 15px;
}
.inner-scroll > *:last-child {
	margin-right: 15px;
}
.inner-scroll::-webkit-scrollbar {
    display: none
}
.category-tabs.outer-scroll, .alphabet-links.outer-scroll {
    width: 100%;
    height: 40px;
}
.placeholder-scroll {
	visibility: hidden;
}
/* hidden elements */
.badge {
	visibility: hidden;
}

/* ---------------------------------- */

/* read more */
.read-more.arrow {
	cursor: pointer;
}
.read-more.arrow.active {
    font-size: 0;
}
.read-more.arrow.active:before {
	content: 'Dölj';
    font-size: 14px;
}
.read-more.arrow.active:after {
	content: "\f077";
}
.read-more.arrow + *.active, .hidden-read-more.active {
	display:block;
}

/* Input - Select - Form elemets  */
input:not([type='range']):not([type='color']),
select,
textarea,
button,
.input-checkbox,
.input-radio,
.input-text {
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-box-shadow: none;
	appearance: none;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border-radius: 0;
  margin: 0;
	/*border: none;*/
	box-shadow: none;
	font-family: inherit;
}
/* radio/checkbox */
input[type="checkbox"],
input[type="radio"],
input[type="checkbox"]:focus,
input[type="radio"]:focus {
	content:'';
	display: inline-block;
	background: #fff;
	border: 1px solid #000;
	height: 18px;
    width: 18px;
    cursor: pointer;
    margin: 0 10px 0 0;
	transform: translateY(3px);
}
input[type="radio"],
input[type="radio"]:focus {
	height: 18px;
    width: 18px;
}
input[type="checkbox"] {
	border-radius: 1px;
}
input[type="checkbox"]:checked {
	background: #000;
	position: relative;
}

input[type="checkbox"]:checked:before {
	font-family: "ng";
	content: "\e902";
	color: #fff;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
}

input[type="radio"]:checked {
	background: #000;
	box-shadow: 0px 0px 0px 1px #000;
    border: 2px solid #ececec;
}
input[type="number"].mininput,
input[type="text"].mininput {
	min-width: 0;
	width: 100%;
	padding: 8px;
	text-align: center;
}


/* select */
.dropdown-wrapper,
.select-wrapper,
.select-ul-li {
	position: relative;
}
.select-wrapper select {
	width: 100%;
}
select,
.select-ul-li:not(.xs-dd):not(.ValjSortordning),
.select-ul-li ul,
.select-ul-li-dd {
	padding: 15px 60px 15px 20px;
  transition: 300ms ease all;
}
select:hover,
.select-ul-li:not(.xs-dd):not(.ValjSortordning):hover,
.select-ul-li ul:not(.ValjSortordning):hover,
.com select:hover,
.com .select-ul-li:not(.xs-dd):not(.ValjSortordning):hover,
.com .select-ul-li ul:not(.ValjSortordning):hover {
	background: #f8f8f8;
}
select:after,
.select-ul-li:not(.xs-dd):after,
.select-wrapper:after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	content: "\f078";
	position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
	pointer-events: none;
  transition: transform 150ms ease-in-out;
}

.country-picker.open::after {transform: rotate(180deg);}

/* Text/dropdown */
input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"],
select {
	background: #fff;
	border: 1px solid #000;
	border-radius: 1px;
	padding: 16px 20px 16px 20px;
	min-width: 316px;
	font-weight: 500;
	color: #000;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}
/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0; 
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.disabled, #selected, #selected-reg {
  pointer-events: none;
}
input[type=number] {
  -moz-appearance: textfield;
}
.input-label.error input[type="text"], .input-label.error input[type="email"], .input-label.error input[type="tel"], .input-label.error input[type="number"], 
.input-label.error select, input.error {
	border-color: #b30b00!important;
}
input[type="text"].disabled,
input[type="text"]:disabled,
select.disabled,
select:disabled,
.disabled {
	color: #bdbdbd;
	border-color: #bdbdbd;
}
#selected.disabled ,
#selected-reg.disabled {
  color: #757575;
  border-color: #757575;
}
.input-text, 
.input-label {
	position: relative;
	display: inline-block;
}
.input-label.success .input-text:after,
.input-text.success:after {
	content: "\e902";
	font-family: "ng";
	font-weight: 400;
	color: #31D08E;
	position: absolute;
	right: 0;
	top: 0;
	width: 60px;
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
}
.label, label {
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 3px;
	display: block;
}
.label-error {
	color: #f3493e;
	font-size: 10px;
	margin-bottom: 0;
	margin-top: 3px;
}
.label-success {
	color: #31D08E;
	font-size: 10px;
	margin-bottom: 0;
	margin-top: 3px;
}
.input-label .label-error {
	display: none;
}
.input-label.error .label-error {
	display: block;
}

input:not([type='button']):not([type="text"]):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='reset']):not([type='file']):not([type='color']):not([type='range']):not(.Sokfalt),
textarea,
.select-ul-li:not(.xs-dd):not(.ValjSortordning),
.select-ul-li ul,
.select-ul-li-dd {
	background: #fff;
	border: 1px solid #fff;
}

.com input:not([type='button']):not([type="text"]):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='reset']):not([type='file']):not([type='color']):not([type='range']):not(.Sokfalt),
.com textarea,
.com .select-ul-li:not(.xs-dd):not(.ValjSortordning),
.com .select-ul-li ul,
.com .select-ul-li-dd {
  background: #fff;
  border: 1px solid #000;
}

textarea {
	padding: 15px;
}

.select-ul-li.xs-dd .active {
	padding-right: calc(15px*2);
	padding-left: calc(15px/2);
}

.select-ul-li span.active {
	pointer-events: none;
}

input:not([type='button']):not([type="text"]):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='reset']):not([type='file']):not([type='color']):not([type='range']):not(#sokterm):focus,
select:focus,
textarea:focus,
button:focus,
.select-ul-li.open {
	outline: none;
}

.select-ul-li {
	cursor: pointer;
	position: relative;
}

.select-ul-li ul:not(.ValjSortordning),
.select-ul-li-dd,
.select-ul-li.ValjSortordning ul {
	margin: 0;
	position: absolute;
	top: calc(100% + 1px);
	left: -1px;
	width: calc(100% + 2px);
	display: none;
	box-shadow: 0 10px 25px 0 rgba(0,0,0,.05);
	background: #fff;
	max-height: 300px;
	min-width: 200px;
	overflow: auto;
	text-align: left;
  border-top: 0;
}

.select-ul-li.open ul,
.select-ul-li.open .select-ul-li-dd {
	display: block;
	z-index: 3;
}

.select-ul-li li {
	list-style: none;
	line-height: 2em;
}

.end-xs .select-ul-li ul,
.end-xs .select-ul-li-dd {
	left: initial;
	right: 0;
}
.end-xs .select-ul-li.xs-dd:after {
	width: auto;
	right: 0;
	font-size: 12px;
}

/* BADGES AND STATUS SYMBOLS */
.status-symbol, .greencircle {
	border-radius: 100%;
	width: 10px;
	height: 10px;
	display: inline-block;;
} 
.status-symbol.xs, .greencircle {
	width: 8px;
	height: 8px;
	border: 1px solid #fff;
} 
.status-symbol.positive, .greencircle {
	background: #31D08E;
} 
.positive {
	color: #31D08E;
}
.status-symbol.neutral, .StorageText:before, .neutral .pt-stock-icon:before {
	background: #7e7e7e;
} 
.neutral .pt-stock-icon:before {
	content:'\f00d';
}
.neutral {
	color: #7e7e7e;
} 
.status-symbol.neutral-negative, .neutral-negative .pt-stock-icon:before {
	background: #E7C200;
} 
.neutral-negative .stock-text {
	color:#E7C200;
}
.status-symbol.negative {
	background: #f3493e;
} 
.negative {
	color: #f3493e;
} 

.open-icon .status-symbol {
    position: absolute;
    top: 7px;
    right: 4px;
}
.badge {
	visibility: visible;
	display: inline-block;
	text-align: center;
	background: #fff;
	font-weight: bold;
}
.badges.stack .badge {
	margin-top: 5px;
	display: block;
}
.badge:not(.round) {
	padding: 3px 7px 2px; /*2px 6px 0*/
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 12px;
	border-radius: 16px;
}
.brand-menu li .badge:not(.round) {
	float: right;
    margin: 2px 6px;
}
.badge.round {
	border-radius: 100%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
}
.badge.round i {
	display: block;
	line-height: 40px;
}
.badges.autoscale {
	width: 15%;
	max-width: 40px;
	min-width: 30px;
}
.badges.autoscale .badge {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 100%;
}
.autoscale .badge i {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.badge.yellow {
	background: #fff000;
}
.badge.dark {
	background: #000;
	color: #fff;
}

/* CAMPAIGN / NEWS */
.badges.badges-top-left {
	position: absolute;
	top:15px;
	left:15px;
}
.badges.badges-top-right {
	position: absolute;
	top:15px;
	right:15px;
}
.badges.badges-bottom-left {
	position: absolute;
	bottom:15px;
	left:15px;
}
.badges.badges-bottom-right {
	position: absolute;
	bottom:15px;
	right:15px;
}
.badges.badge:not(:last-child) {
	margin-bottom:3px;
}
.badge.lowlight:hover {
	color: #000;
}

/* Links */
.back-link:before {
	content: "\f053";
	font-family: "Font Awesome 5 Pro";
	margin-right: 10px;
	font-size: 12px;
    font-weight: 700;
}
.next-link:after {
	content: "\f054";
	font-family: "Font Awesome 5 Pro";
	font-size: 12px;
    font-weight: 700;
	margin-left: 10px;
}
.open-link:after {
	content: "\f078";
	font-family: "Font Awesome 5 Pro";
	font-size: 12px;
    font-weight: 700;
	margin-left: 10px;
}
.close-link:after {
	content: "\f077";
	font-family: "Font Awesome 5 Pro";
	font-size: 12px;
    font-weight: 700;
	margin-left: 10px;
}

/* one line */ 
.one-line-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
    display: block;
}

/* tabs 2 */
.line-tabs li {
	display: inline-block;
	/*font-size: 14px;*/
	font-weight: 500;
	padding: 15px;
	border-bottom:2px solid transparent;
	cursor: pointer;
}
.line-tabs li.active {
	border-bottom:2px solid #000;
	font-weight: bold;
}

@media only screen and (max-width: 420px) {
	input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], input[type="number"], select {min-width:auto;}
}

/* TRANSITION */
.btn,
.buy-button,
input[type='button'],
button,
.info-link,
.do_more #more_of_it,
.Knapp_Generell a,
.Checkout a,
.Knapp_Kop a,
.Knapp_Kop2,
input,
select,
textarea,
.badge,
.Artgrp_VisaFler a:hover,
ul.ValjSortordning ul a,
.p-varianttext,
.crosslink a {
	transition: 200ms ease-in-out all;
}

.canvas-right-module,
.canvas-left-module,
.canvas-right-module-xs,
.canvas-left-module-xs,
.canvas-right-module-sm, 
.canvas-left-module-sm {
	transition: transform 400ms ease-in-out, box-shadow 400ms ease-in-out;
	display: block;
}


.flag {
  /*width: 22px;
  height: 16px;
  display: block;
  float: left*/
  margin-right: 10px;
  width: 22px !important;
  height: 22px !important;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  border-radius: 50%;
  display: block;
  border: 2px solid #fff;
  box-shadow: 0 0 0px 2px #9a9898;
  padding: 0 !important;
}
#selected .flag {float: left;}

.flag.se {
  background-image: url('../img/flags/flag_se.svg');
}

.flag.no {
  background-image: url('../img/flags/flag_no.svg');
}

.flag.fi {
  background-image: url('../img/flags/flag_fi.svg');
}

.flag.dk {
  background-image: url('../img/flags/flag_dk.svg');
}

.flag.nl {
  background-image: url('../img/flags/flag_nl.svg');
}

.flag.eu {
  background-image: url('../img/flags/flag_eu.svg');
}
.com .select-ul-li ul {
  padding:0;
}
.com .select-ul-li li {
  padding:5px 15px;
  background: #fff;
  transition: 300ms ease background;
}
.com .select-ul-li li:hover {
  background: #ddd;
}
#enter {
  text-decoration: none;
}

#form_wrapper, #success_msg {
  display: none;
}
.show_form #form_wrapper {
  display: block;
  position: absolute;
  width: 100%;
  min-height: 100%;
  height: auto;
  top: 0;
  left: 0;
}
/*.show_form #non_form {
  display: none;
}*/
.close-icon:before {
  cursor: pointer;
  content: "\e903";
  font-family: "ng";
  font-size: 22px;
  font-weight: 300;
}
.success_sent .Kontaktform {
  display: none;
}
.success_sent #success_msg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  top: 50%;
  position: absolute;
  left: 0;
  padding: 30px;
  transform: translateY(-50%);
  pointer-events: none;
}
.Close.absolute {
  top:20px;
  right:20px;
}

/* ---------------------------------- */

/* form styles */
.nyhetsbrev {position:relative;}
.errormsg {color:#b30b00; position:absolute; opacity:0; visibility:hidden; top:100%; padding-top:15px; left:0; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
.error + .errormsg {opacity:1; visibility:visible;}
.loader, .sendsuccess, .senderror {display:none;}
.sendsuccess {line-height:0.8;}
.sendsuccess span {padding:7px 11px; background:#000; line-height:18px; display:inline-block;}
.sending .send {color:transparent;}
.sending .loader {display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -15px;
    border: 3px solid rgba(0,0,0,0.15);
    border-top: 3px solid #000;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1.2s linear infinite;
}
@keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}

@font-face {
  font-family: 'ng';
  src:  url('webfonts/ng.eot?v=1');
  src:  url('webfonts/ng.eot#iefix') format('embedded-opentype'),
    url('webfonts/ng.woff2?v=1') format('woff2'),
    url('webfonts/ng.woff?v=1') format('woff'),
    url('webfonts/ng.ttf?v=1') format('truetype'),
    url('webfonts/ng.svg#ng') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.ng {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ng' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ng-account:before {
  content: "\e900";
}
.ng-arrow:before {
  content: "\e901";
}
.ng-checkmark:before {
  content: "\e902";
}
.ng-checkmark-thin:before {
  content: "\e91f";
}
.ng-close:before {
  content: "\e903";
}
.ng-email:before {
  content: "\e904";
}
.ng-facebook:before {
  content: "\e905";
}
.ng-file-dwg:before {
  content: "\e906";
}
.ng-file-jpg:before {
  content: "\e907";
}
.ng-file-pdf:before {
  content: "\e908";
}
.ng-file-png:before {
  content: "\e909";
}
.ng-file-ppt:before {
  content: "\e90a";
}
.ng-file-svg:before {
  content: "\e90b";
}
.ng-guarantee:before {
  content: "\e90c";
}
.ng-hamburger:before {
  content: "\e90d";
}
.ng-instagram:before {
  content: "\e90e";
}
.ng-language:before {
  content: "\e90f";
}
.ng-linkedin:before {
  content: "\e910";
}
.ng-map-pin:before {
  content: "\e911";
}
.ng-phone-customer-service:before {
  content: "\e912";
}
.ng-phone:before {
  content: "\e913";
}
.ng-pinterest:before {
  content: "\e914";
}
.ng-return:before {
  content: "\e915";
}
.ng-search:before {
  content: "\e916";
}
.ng-shopping-bag:before {
  content: "\e917";
}
.ng-show-1:before {
  content: "\e91e";
}
.ng-show-2:before {
  content: "\e918";
}
.ng-show-3:before {
  content: "\e919";
}
.ng-show-4:before {
  content: "\e91a";
}
.ng-show-5:before {
  content: "\e91b";
}
.ng-variant:before {
  content: "\e91c";
}
.ng-wishlist:before {
  content: "\e91d";
}


/*!
 * Font Awesome Pro 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
.fa,
.fab,
.fad,
.fal,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.fa-xs {
    font-size: .75em
}

.fa-sm {
    font-size: .875em
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.fa-border {
    border: .08em solid #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite
}

.fa-pulse {
    -webkit-animation: fa-spin 1s steps(8) infinite;
    animation: fa-spin 1s steps(8) infinite
}

.fa-circle-notch:before {
    content:'\f1ce';
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical,
.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    -webkit-transform: scale(-1);
    transform: scale(-1)
}

:root .fa-flip-both,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}


.fa-shopping-cart:before {
    content: "\f07a"
}
.fa-heart:before {
    content: "\f004"
}
.fa-user:before {
    content: "\f007"
}
.fa-check:before {
    content: "\f00c"
}
.fa-search:before {
    content: "\f002"
}
.fa-bars:before {
    content: "\f0c9"
}
.fa-chevron-up:before {
    content: "\f077"
}
.fa-chevron-down:before {
    content: "\f078"
}
.fa-arrow-left:before {
    content: "\f060"
}
.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-double-down:before {
    content: "\f322"
}

.fa-chevron-double-left:before {
    content: "\f323"
}

.fa-chevron-double-right:before {
    content: "\f324"
}
.fa-chevron-double-up:before {
    content: "\f325"
}
.fa-chevron-left:before {
    content: "\f053"
}
.fa-chevron-right:before {
    content: "\f054"
}
.fa-times:before {
    content: "\f00d"
}
.fa-times-circle:before {
    content: "\f057"
}
.fad.fa-star:after {
    content: "\10f005"
}
.fa-star:before {
    content: "\f005"
}
.fa-plus:before {
    content: "\f067"
}
.fa-minus:before {
    content: "\f068"
}
.fa-thumbs-down:before {
    content: "\f165"
}
.fa-thumbs-up:before {
    content: "\f164"
}
.fa-envelope:before {
    content:"\f0e0"
}
.fa-twitter:before {
    content:"\f099"
}
.fa-facebook:before {
    content:"\f09a"
}
.fa-facebook-square:before {
    content:"\f082"
}
.fa-instagram:before {
    content:"\f16d"
}
.fa-pinterest:before {
    content:"\f0d2"
}
.fa-facebook-f:before {
    content:"\f39e"
}
.fa-truck:before {
    content: "\f0d1";
} 
.fa-undo:before {
    content: "\f0e2";
}
.fa-clock:before {
    content: "\f017";
}
.fa-sliders-h:before {
    content: "\f1de";
}
.fa-usd-circle:before{
    content:"\f2e8";
}
.fa-phone-alt:before {
    content:"\f879";
}
.fa-th:before {
    content:"\f00a";
}
.fa-th-large:before {
    content:"\f009";
}
.fa-th-list:before {
    content:"\f00b";
}
.fa-square:before {
    content:"\f0c8";
}
.fa-exclamation-square:before {
    content:"\f321";
}
.fa-clone:before {
    content:"\f24d";
}
.fa-play-circle:before {
    content:"\f144";
}
.fa-plus-circle:before {
    content:"\f055";
}

@font-face {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: local('Font Awesome 5 Pro'), url(webfonts/fa-light-300.eot);
    src: local('Font Awesome 5 Pro'), url(webfonts/fa-light-300.eot?#iefix) format("embedded-opentype"), local('Font Awesome 5 Pro'), url(webfonts/fa-light-300.woff2) format("woff2"), local('Font Awesome 5 Pro'), url(webfonts/fa-light-300.woff) format("woff"), local('Font Awesome 5 Pro'), url(webfonts/fa-light-300.ttf) format("truetype"), local('Font Awesome 5 Pro'), url(webfonts/fa-light-300.svg#fontawesome) format("svg")
}

.fal {
    font-weight: 300
}

@font-face {
    font-family:"Font Awesome 5 Brands";
    font-style:normal;
    font-weight:normal;
    font-display:auto;
    src:url(webfonts/fa-brands-400.eot);
    src:url(webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(webfonts/fa-brands-400.woff2) format("woff2"),url(webfonts/fa-brands-400.woff) format("woff"),url(webfonts/fa-brands-400.ttf) format("truetype"),url(webfonts/fa-brands-400.svg#fontawesome) format("svg")
}

.fab {font-family:"Font Awesome 5 Brands"}


@font-face {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: local('Font Awesome 5 Pro'), url(webfonts/fa-regular-400.eot);
    src: local('Font Awesome 5 Pro'), url(webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), local('Font Awesome 5 Pro'), url(webfonts/fa-regular-400.woff2) format("woff2"), local('Font Awesome 5 Pro'), url(webfonts/fa-regular-400.woff) format("woff"), local('Font Awesome 5 Pro'), url(webfonts/fa-regular-400.ttf) format("truetype"), local('Font Awesome 5 Pro'), url(webfonts/fa-regular-400.svg#fontawesome) format("svg")
}

.fal,
.far {
    font-family: "Font Awesome 5 Pro"
}

.far {
    font-weight: 400
}

@font-face {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: local('Font Awesome 5 Pro'), url(webfonts/fa-solid-900.eot);
    src: local('Font Awesome 5 Pro'), url(webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), local('Font Awesome 5 Pro'), url(webfonts/fa-solid-900.woff2) format("woff2"), local('Font Awesome 5 Pro'), url(webfonts/fa-solid-900.woff) format("woff"), local('Font Awesome 5 Pro'), url(webfonts/fa-solid-900.ttf) format("truetype"), local('Font Awesome 5 Pro'), url(webfonts/fa-solid-900.svg#fontawesome) format("svg")
}

.fa,
.fas {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900
}

/* CMS Content */

.cms-content{
  width: 100%;
  padding-bottom: 8em;
  text-align: left;
}

.header-content{
  border-bottom: 1px solid #e4e4e4;
  padding: 10px 20px 24px 20px;
}

.content-section{
  border-bottom: 1px solid #e4e4e4;
  padding: 20px 20px 24px 20px;
}

.content-box{
  background: #f4f4f4;
  padding:1em 1em;
}

.small-box {
  width: calc(100% - 30px);
  max-width: 505px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
  box-shadow: #00335e 0px 10px 30px 20px;
}

/* STRING */
#articleSummary {
  width: 100%;
  font-size: 14px;
}
#articleSummary tr td:nth-child(1), #articleSummary tr td:nth-child(2) {
  text-align: left;
}
#articleSummary tr td:nth-child(3) {
  text-align: right;
}

.cms-content .total-price {
  font-size: 16px;
    min-width: 100%;
    width: 100%;
    text-align: right;
    display: block;
    padding-top: 10px;
    /*border-bottom: 1px solid #000;*/
    border-top: 1px solid #000;
    font-weight: 700;
}

.stringadapt {
    border-bottom: 1px solid #e4e4e4;
}
.string .header-content{
  border-bottom:none;
}
#showarticles{
  background: #231f20; 
  color: #fff;
  height: 45px;
  line-height: 45px;
  max-width: 210px; 
  margin-bottom: 20px;
  font-weight: 700;
  -webkit-transition: all cubic-bezier(.62,.28,.23,.99) 0.3s;
    -moz-transition: all cubic-bezier(.62,.28,.23,.99) 0.3s;
    -o-transition: all cubic-bezier(.62,.28,.23,.99) 0.3s;
    transition: all cubic-bezier(.62,.28,.23,.99) 0.3s;
}
#showarticles:hover{
  background: #34363b;
}

#closeBtn{
  float: left;
  /*margin-top: -30px !important;*/
  /*margin-top:5px !important;*/
}
.air-popup-area {
  max-width: 500px !important;
}
#article-list #addToCartBtn.black-btn {
  /*margin-top: 30px;*/
} 
.black-btn{
  float: right;
  background: #231f20; 
  color: #fff;
  height: 30px;
  line-height: 30px;
  max-width: 150px; 
  /*margin: 20px;*/
  /*margin-bottom: 10px;*/
  margin-top: 30px;
  font-weight: 700;
  -webkit-transition: all cubic-bezier(.62,.28,.23,.99) 0.3s;
    -moz-transition: all cubic-bezier(.62,.28,.23,.99) 0.3s;
    -o-transition: all cubic-bezier(.62,.28,.23,.99) 0.3s;
    transition: all cubic-bezier(.62,.28,.23,.99) 0.3s;
}
.black-btn:hover{
  background: #34363b;
}

/* CMS Typography */

.cms-content p{
  font-size: 16px;
  line-height: 1.5;
}

.cms-content h1{
  font-size: 32px;
  line-height: 1.2;
}

.cms-content h2{
  font-size:24px;
  text-transform: uppercase;
}

.cms-content h2 span, .cms-content h1 span{
  display: block;
  width: 100%;
  color:#969696;
  text-transform: none;
  font-size: 16px;
  margin-bottom: 1em;
}

.cms-content a{
  color: #000;
  text-decoration: none;
  text-transform: none;
  font-size: 16px;
}

.cms-content p > a, .accordion a {
  text-decoration: underline;
}



.cms-content li, .cms-content li p{
  font-size: 16px !important;
  line-height: 1.5;
  list-style: none;
}
.cms-content .list-style{
  padding-left: 20px;
}
.cms-content .list-style li{
  list-style: disc;
}

.cms-content li.multiline{
  margin:.5em 0;
  padding:.5em 0;
  border-bottom: 1px solid #e4e4e4;
}
.cms-content li.multiline strong{
  display: block;
  font-size: 18px;
}

.cms-content li.multiline i{
  font-style: normal;
}


.cms-content .icon-list{
  list-style: none;
}

.cms-content .icon-list li{
  margin-bottom: 1em;
}

.cms-content .icon-list li .icon{
  position: relative;
  top: 5px;
  margin-right: 1em;

}

.cms-content input, .cms-content textarea{
  font-size: 14px;
  width: 100%;
}

.cms-content form p{
  margin-bottom: .5em;
}


.cms-content .link-list{
  width: 100%;
}

.cms-content .link-list a{
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #f4f4f4;
  padding: 1em 0;
  position: relative;
  font-weight: bold;
}

.cms-content .link-list a:first-child{
  border-top: 1px solid #f4f4f4;
}

.cms-content .link-list a:hover{
  text-decoration: none;
}

.cms-content .link-list a span{
  display: block;
  width:150px;
  margin: .5em 0 0 0;
  font-weight: 400;
}


/* CMS Buttons */

.cms-content .btn{
  display: inline-block;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
}
.cms-content .btn-small{
  text-transform: none;
  height: 30px;
  line-height: 30px;
  padding: 0 .5em;
}
.cms-content .btn-large{
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  margin: 1em 0;
}

.cms-content .btn-ghost{
  border: 1px solid #000;
  background: transparent;
}

/* Store info module */


.store-info{
  vertical-align: bottom;
}
a.store-logo{
  background:#fff000;
  width: 212px;
  height: 200px;
  display: inline-block;
  line-height: 200px;
  text-align: center;
  font-weight: 700;
  font-size: 25px;
  text-transform: uppercase;
  vertical-align: middle;
  margin:1em;
  margin-left: 0;
  margin-top: 0;
  text-decoration: none;

}


.store-info ul{
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}

.store-info li:nth-child(2n+3){
  margin-bottom:1em;
  
}


/* Accordion fix */

.accordion > li:before, .accordion > li:after{
  right: 0;
  left: initial;
}



/* Thank you page */
.thank-you-page video{
  width: 100%;
}

.ty-card{
  background: #fff;
  padding: 20px;
  width: 100%;
  text-align: center;
}

.ty-card h1{
  font-size: 35px; 
    font-size: 8vw;
    margin-bottom: 20px;
}

.ty-card p, .ty-card a{
  font-family: 'Lexend',sans-serif;
  font-weight: 700;
  text-transform: uppercase;

}


.ty-card #ty-review{
  margin-top: 25px;
  display: inline-block;
}

.ty-card .rate-wrapper{
  margin-bottom: 40px;
}



/* Support pages */
.mypages-nav-header{
  border: 0 !important;
}

.mypages-nav{
  font-weight: 400;
}


#support-content h2{
  margin-top: 0;
  margin-bottom: 2em;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
}

#support-content .support-info p.tuppercase{
  font-family: 'Lexend', sans-serif;
  font-size: 12px;
}

.support-info a{
  color:#7296b1;
  margin-bottom: .5em;
  display: inline-block;

}


#support-content{
  margin-bottom: 50px;
}

#support-content h3{
  margin-top: 2em;
}
#support-content .info-list{
  padding: 2em 4em;
  background: #f1f1f1;
  line-height: 2;
  list-style: none;
}

#support-content .support-text p, #support-content .more-text p{
  font-family: 'Perpetua', serif;
  font-size: 16px;
}
#support-form{
  border-bottom: 0;
}


#support-content .more-text p{
  margin-top: 0;
  margin-bottom: 1.5em;
}


/* Icons */

.icon{
  display: inline-block;
}


.icon.mini{
  width: 10px;
}


.icon.small{
  width: 15px;
}

.icon.medium{
  width: 25px;
}
/* Secondary Navigation */

.scnd-nav-wrap{
  width: 100%;
  font-size:14px;
  text-transform: uppercase;
  margin-top:2em;
}


.scnd-nav-trigger{
  padding:23px 0 20px 20px;
  display: inline-block;
  background:#f4f4f4;
  border-left: 0;
  border-right: 0;
  font-weight: bold;
  width: 100%;
  position: relative;
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);

}

.scnd-nav{
  display: none;
}

.scnd-nav-trigger .icon{
  position: absolute;
  right: 20px;
  top: 23px;
  transform:rotate(-90deg);
  width: 8px;
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.scnd-nav-trigger i{
  text-transform: none;
  font-weight: 400;
  float: right;
  margin-right: 45px;
}


.trigger-active .scnd-nav-trigger{
  box-shadow: 0 1px 3px rgba(0,0,0,0.0), 0 1px 2px rgba(0,0,0,0.0);
}

.trigger-active .scnd-nav-trigger .icon{
  transform:rotate(90deg);
}

.trigger-active .scnd-nav{
  display: block;
}


.scnd-nav li{
  border: 0;
  padding:0;
  margin: 0;
}

.scnd-nav li a{
  padding:22px 0 20px 60px;
  display: inline-block;
  border-bottom: 1px solid #e4e4e4;
  width: 100%;
  color: #000;
}

.scnd-nav li a.active{
  font-weight: 700;
}

.scnd-nav li a:hover{
  text-decoration: none;
}


.scnd-nav li.has-children > a{
  font-weight: bold;
  padding-left: 40px;
}



@media all and (min-width: 550px) and (max-width:768px) {
  .history-block .hb-images{
    width: 70%;
    margin: 0 auto;
  }

}

@media all and (min-width: 768px){

.no-padd-r-sm {
  padding-right:0;
}
  
  /* CMS */

  .header-content, .content-section{
    width: 80%;
    margin: 0 auto;
  }

  .cms-content .btn-large{
    width: auto;
    display: inline-block;
    padding:0 3em;
    margin: 1em 1em 1em 0;
  }


  
  /* Secondary Navigation */

  .scnd-nav-wrap{
    width: 80%;
    margin: 0 auto 2em auto;

  }

  .scnd-nav li{
    list-style: none;
  }

  /* Store Module */

  /* Tacksida */


  .thank-you-page{
    height: 100vh;
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  .ty-card{
    position: absolute;
    top: 40%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -webkit-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
  }

  .ty-card{
    width: 650px;
    padding: 90px;
  }
  .ty-card h1{
    font-size: 45px;

  }

  /* Related Pages Block */
  .rp-image{
    margin-bottom: 20px;
  }

  .related-pages .rp-title{
    margin:20px 0;
  }
  .rp-image:hover img{

    transform:scale(1.2);
  }

  .related-pages a:hover span{
    color: #000;
  }

  .rp-link:hover{
    color:#7296b1;
  }

  .ib-image{
    height: 424px;
    overflow: hidden;

  }

  .ib-image img{
    display:block; 
       position:absolute; 
       top:50%;
       left: 50%;
       transform: translate(-50%, -50%);
       height: 100%;
       width: auto;
       max-width: none;
       min-width: auto;
  }


  .tb-sidebar{
    padding-left:2em;
    padding-top: 5em;
  }

  /* KAMPANJER & NYHETER */

  .cp-wrap p > a{
    font-size: 15px;
      line-height: 1.5;
      margin-bottom: 5px;
      display: inline-block;
      padding: 16px 20px 14px 20px;
      width: auto;
      border: 1px solid #000;
      transition: .1s;
  }

  .cp-wrap p > a:hover{
    background: #101010;
    color: #fff;
    text-decoration: none;
  }
  .cp-wrap p a br{
    display: none;
  }


  #campaigns .cp-wrap .grid{
    padding-right:0;
  }

  /* Discount Table */

  .dt-item p{
  font-size: 19px;
  }

  p.dt-code{

    width: 50%;

  }

}

@media all and (min-width: 1025px){

  
  /* CMS Style */
  .cms-content{
    margin: 0 auto;
  }
  .header-content, .content-section{
    width: 100%;
  }

  .header-content{
    padding-top: 0;
  }

  .header-content h1{
    margin-top: 16px;
  }

  .cms-content .btn-ghost{
    position: relative;
    overflow: hidden;
    transition: all 0.2s cubic-bezier(.25,.8,.25,1);
  }
  .cms-content .btn-ghost:before{
    content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 120%;
      height: 110%;
      background: #000;
      z-index: -1;
      -webkit-transform:  translate3d(-105%, 0, 0);
      transform:  translate3d(-105%, 0, 0);
      -webkit-transform-origin: 0% 100%;
      transform-origin: 0% 100%;
      -webkit-transition: all 0.2s cubic-bezier(.25,.8,.25,1);
      transition: all 0.2s cubic-bezier(.25,.8,.25,1);
  }
  .cms-content .btn-ghost:hover{
    color:#fff;
  }

  .cms-content .btn-ghost:hover:before{
    -webkit-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
  }

  .cms-content .btn-small:before{
    display: none;
  }

  .cms-content .btn-small:hover{
    background: #000;
  }

  .cms-content .link-list{
    width: 70%;
  }
  .cms-content .link-list a{
    padding:1em 0 .7em 0;

  }
  .cms-content .link-list a span{
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
  }


  /* Secondary Navigation */
  .scnd-nav-wrap{
    width: 240px;
    float: left;
    padding-left: 20px;
  }
  .scnd-nav{
    display: block;
  }

  .scnd-nav li a{
    border: 0;
    padding:15px 0 15px 20px;
  }

  .scnd-nav li a:hover{
    text-decoration: underline;
  }

  .scnd-nav li a.active{
    font-weight: bold;
    font-style: italic;
  }

  

  .scnd-nav li {
    position: relative;
  }

  .scnd-nav li.has-children > a{
    padding:20px 0 20px 0px;
    position: relative;
  }

  .scnd-nav li.has-children .icon{
      position: absolute;
      right: 0;
      top: 9px;
      transform: rotate(90deg);
      width: 28px;
      transition: all 0.3s cubic-bezier(.25,.8,.25,1);
      padding: 10px;
      cursor: pointer;
  }
  .scnd-nav li.has-children > ul{
    display: none;
  }

  .scnd-nav li.has-children.nav-open .icon{
    transform: rotate(-90deg);
  }

  .scnd-nav li.has-children.nav-open > ul{
    display: block;
  }

  /* Store Module */
  a.store-logo{
    transition: all 0.5s cubic-bezier(.25,.8,.25,1);
    margin-right: 1em;
  }
  a.store-logo:hover{
    background: #000;
    color: #fff000;
    text-decoration: none;
  }

  /* Support pages */

  .support-image{
    margin-right: 40px;
    padding-right: 40px;
    border-right: 1px solid #f1f1f1;
  }



  /* Image Block */


  

  .ib-text p{
    opacity: 0;
    transition:all cubic-bezier(.62,.28,.23,.99) 0.5s;
  }
  .ib-text p:first-child{
    transform: translateY(-5px);
  }
  .ib-text p:last-child{
    transform: translateY(5px);
  }

  .ib-image.ib-with-txt  img{
      -webkit-filter: brightness(100%);
      filter: brightness(100%);
      transform: scale(1);

  }

  .ib-image.ib-with-txt:hover img{
      -webkit-filter: brightness(80%) ;
      filter: brightness(80%) ;
      transform: scale(1.04);

  }

  .ib-image.ib-with-txt :hover .ib-text p{
    opacity: 1;
    transform: translateY(0px);
  }



  .text-block{
    text-align: left;
  } 

  .tb-sidebar ul{
    list-style: disc;
  }

  


  .columns{
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;

  }
  .one-column p{
    font-size: 15px;
    text-align: left;
    font-family: "Lexend", serif;
    line-height: 1.5;
  }
  .columns p{
    font-size:19px;
  }

  .cms-text p{
    font-size:19px;
  }

  .cms-text ul{
    font-size: 19px;
    font-family: 'Perpetua', serif;
    padding-left: 19px;
  }
  .history-content{
    max-width: 1200px;
  }

  

  .cms-block .quote{
    font-weight: 400;
    font-size: 30px;
    text-align: center;
  }

  /* Brand Header */



  /* Kampanjer & Nyheter */

  .cp-wrap{
    text-align: left;
  }


  .cp-wrap .cp-tag{
    text-align: center;
  }

  .cp-wrap > a{
    padding-right:30px !important;
  }
  
  


  #campaigns .cp-wrap .grid{
    padding-right:20px !important;
  }

}



@media all and (min-width: 1200px) {


  /* CMS Content */
  #cms{
    position: relative;
  }

  .header-content, .content-section{
    width: 70%;
    margin: 0 auto;

  }
  /* Secondary Navigation */

  .scnd-nav-wrap{
    position: absolute;
    top: 0;
    left:30px;
  }

  .cms-block .btn:hover{
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    text-decoration: none;
  }

  .cms-block .btn-main:hover{
    background: #fff;
  }

  .cms-block .btn-default:hover{
    background: #fff;
  }
  .cms-block p a:hover{
    text-decoration: underline;
  }

  .fb-image{
    left:-10%;
  }
  .fb-text{
    margin-top: 5em;
  } 

  .cms-block h1.large{
    font-size:5em;
  }

  .text-block{
    padding: 0;
  }
  .hb-2 .hb-images .hb-background{
      z-index: 8;
      top: 50%;
      transform: translateY(-80%);
      left: 13%;
      width: 25%;
  }
  .hb-3{
    height:1622px;
  }

  .col-large-12-12{
    padding-right: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  #villkor .logo {
    margin: 0 auto;
  }
  .gutter-xxlg-B {
    margin-bottom: 40px;
  }
  .country-picker-reg.select-ul-li ul {
    max-height: calc(33vh - 40px);
  }
}
@media screen and (max-width: 350px) {
  .com p {
    line-height: 1.5;
  }
  .box-padd-lg {
    padding: 20px;
  }
  .gutter-xxlg-B {
    margin-bottom: 30px;
  }
}


@media all and (min-width: 1440px) {

  .cms-content{
    padding-left: 0;
  }
  .header-content, .content-section{
    width: 850px;
  }


  .cms-content h1{
    font-size: 40px;
  }
}



/* MTN Studio CSS START */
/* global */
hr.dot {
  border: none;
  margin: 0;
}
hr.line {
  width: 40px;
  margin: 16px auto;
  border: none;
  border-top: 1px solid #000;
}
hr.dot::after {
  content: '\2022';
  text-align: center;
  width: 100%;
  display: block;
  font-size: 24px;
  line-height: 10px;
  margin-bottom: 6px;
}
@media all and (max-width: 768px){
  .mobile-hide {
    display: none;
  }
}
/* Studio front page */
#studio-carousel {
  width: 100%;
  height: calc(100vh - 280px);
  min-height: 320px;
  background: #f5f5f5;
  position: relative;
}
#studio-carousel>p {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #000;
  text-align: center;
  width: 100%;
}
#studio-carousel .owl-wrapper-outer,
#studio-carousel .owl-wrapper,
#studio-carousel .owl-carousel,
#studio-carousel .owl-stage-outer,
#studio-carousel .owl-stage,
#studio-carousel .owl-item,
#studio-carousel .owl-slide {
  height: 100%;
  width: 100%;
}
#studio-carousel .owl-slide>a {
 width: 100%;
 height: 100%;
 display: inline-block;
}
#studio-carousel .owl-item .slide-1 {
  background: lightpink;
}
#studio-carousel .owl-item .slide-2 {
  background: lightgreen;
}
#studio-carousel .owl-item .slide-3 {
  background: lightblue;
}

#studio-carousel .owl-prev,
#studio-carousel .owl-next {
  position: absolute;
  top: calc(50% - 64px);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 12px;
  right: 12px;
  font-size: 28px;
  color: #fff;
}
#studio-carousel .owl-prev {
  right: initial;
}
#studio-carousel .owl-next {
  left: initial;
}
#studio-carousel .owl--text {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  background: #f5f5f5;
  height: 80px;
  text-align: center;

}
#studio-carousel .owl--text>h5 {
  text-transform: uppercase;
  font-size: 16px;
  margin: 0;
  margin-top: 16px;
  margin-bottom: 4px;
  -webkit-font-smoothing: antialiased;
  cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
#studio-carousel .owl--text>a {
  text-transform: uppercase;
  font-size: 10px;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
}
#studio-carousel .owl--text>a::after {
  content: ' ';
  display: block;
  width: 32px;
  height: 1px;
  background: #000;
  margin: 8px auto 0;
}
@media all and (max-width: 992px){
  #studio-carousel .owl--text {
    height: 72px;
  }
  #studio-carousel .owl--text>h5 {
    font-size: 15px;
    margin-top: 14px;
      margin-bottom: 4px;
  }
}
@media all and (max-width: 768px){
  #studio-carousel .owl--text {
    height: 72px;
  }
  #studio-carousel .owl--text>h5 {
    font-size: 15px;
    margin-top: 14px;
      margin-bottom: 4px;
  }
  #studio-carousel {
    height: 320px;
  }
}




/* Studio menu */
.ng-studio-site-titel {

}
.ng-studio-menu {
  width: 670px;
    text-align: center;
    margin: 32px auto 0;
}
.ng-studio-menu h3 {
  text-transform: uppercase;
  font-size: 22px;
}
.ng-studio-menu>img {
  width: 120px;
}
.ng-studio-menu ul {
  margin: 20px auto;
    padding-left: 0;
    list-style: none;
    margin-bottom: 18px;
}
.ng-studio-menu ul li {
  display: inline;
    text-align: center;
    border-right: 1px solid #000;
    padding-top: 1px;
}
.ng-studio-menu ul li a {
  text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding-right: 20px;
    padding-left: 20px;
}
.ng-studio-menu ul li:last-of-type {
  border-right: 0;
}
.ng-studio-menu ul li.active a {
  text-decoration: underline;
}
.ng-studio-menu ul li a:hover {
  text-decoration: underline;
}

/* Studio header */
.ng-studio-header {
  width: 560px;
    text-align: center;
    margin: 20px auto 0;
}
.ng-studio-header h4 {
  margin-bottom: 0px;
}
.ng-studio-header p {
  line-height: 22px;
  padding-left: 32px;
  padding-right: 32px;
  -webkit-font-smoothing: antialiased;
}
@media all and (max-width: 768px){
  .ng-studio-header,
  .ng-studio-menu {
    width: 100%;

  }
  .ng-studio-menu ul li a {
    padding-right: 16px;
      padding-left: 16px;
  }
  .ng-studio-menu h3 {
    font-size: 18px;
  }

  .ng-studio-menu p{
    padding:0 20px;
  }
}


/* Studio värdeord */
.ng-studio-words {
  margin-top: 32px;
  cursor: default;
}
.ng-studio-words div {
  padding: 0;
}
.ng-studio-words h5 {
  text-transform: uppercase;
  margin: 0;
}
.ng-studio-words h5::after {
  content: '\2022';
  text-align: center;
  width: 100%;
  display: block;
  font-size: 16px;
}



/* Group image */
.studio-group-img-container {
  text-align: center;
  padding-top: 12px;
}
.studio-group-img-container img {
  max-width: 80%;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
@media all and (max-width: 1024px) {
  .studio-group-img-container img {
    max-width: initial;
  }
}


/* Studio contact */
#main .section.studio-contact-container {
  text-align: center;
  padding: 20px 0 32px;
  max-width: 62%;
  margin: 0 auto;
} 
.studio-contact-container div {
  padding: 0;
}
.studio-contact-container h4 {
  text-transform: uppercase;
  font-size: 16px;
  margin: 16px auto 32px;
  cursor: default;
}

.studio-contact-div {
  margin-bottom: 20px;
  font-size: 16px;
}
.studio-contact-div::after {
  content: '\2022';
  text-align: center;
  width: 100%;
  display: block;
  font-size: 18px;
  margin-top: 6px;
}
.studio-contact-div>h5 {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0;
}
.studio-contact-div>p {
  text-transform: capitalize;
  font-style: italic;
  font-size: 12px;
  margin: 4px;
  -webkit-font-smoothing: antialiased;
}
.studio-contact-div>a {
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
}
@media all and (max-width: 768px) {
  .studio-contact-div {
    margin-bottom: 12px;
  }
}

/* Studio office */
#main .section.studio-office-container {
  text-align: center;
  padding: 20px 0;
  max-width: 60%;
  margin: 0 auto;

}
.studio-office-container h4 {
  text-transform: uppercase;

  font-size: 16px;
  margin: 0 auto 32px;
  border-top: 1px solid #000;
  width: 80%;
  max-width: 340px;
  padding-top: 48px;
  cursor: default;
}
.studio-office-container p {
  margin: 8px auto;
  -webkit-font-smoothing: antialiased;
}






/* Studio Portfolio */
#main .section.studio-projects-thumb-grid {
  margin: 0;
  max-width: 100%;
  padding-top: 16px;
}
.studio-projects-thumb-grid>.col-large-6-12 {
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 10px;
}
.studio-projects-thumb-grid>.col-large-6-12:nth-child(even) {
  padding-left: 0;
}
.studio-projects-thumb-grid>.col-large-6-12:nth-child(odd) {
  padding-right: 0;
}
.studio-projects-thumb-grid>div>a {
  width: 100%;
  height: 100%;
}
.studio-projects-thumb-grid>div>a:hover,
.studio-projects-thumb-grid>div>a:focus,
.studio-projects-thumb-grid>div>a:active {
  text-decoration: none;
}
.studio-projects-thumb-grid h5 {
  text-align: center;
  margin: 16px;
  text-transform: uppercase;
  font-size: 16px;
}
.studio-projects-thumb-grid h5::after {
  content: ' ';
  display: block;
  width: 32px;
  height: 1px;
  background: #000;
  margin: 12px auto 0;
}
.studio-projects-thumb-grid>div>a>.studio-project-thumb {
  width: 100%;
  height: auto;
}

@media all and (max-width: 1024px) {
  .studio-projects-thumb-grid>.col-large-6-12 {
    padding-right: 0;
    padding-left: 0;
  }
}
@media all and (max-width: 768px) {
  .studio-projects-thumb-grid h5 {
    font-size: 15px;
  }
}




/* Project page */
.studio-project-page-conatiner {
  width: 100%;
  padding-top: 12px;
}
.studio-project-page-grid img {
  display: block;
}
.studio-project-page-grid p {
  font-size: 14px;
  line-height: 20px;
}
.studio-project-page-grid a {
  font-size: 12px;
}
.studio-project-page-grid h4 {
  font-size: 16px;
}
.studio-project-page-grid h5 {
  font-size: 15px;
}
@media all and (min-width: 1400px) {
  .studio-project-page-grid p {
    font-size: 16px;
    line-height: 24px;
  }
  .studio-project-page-grid a {
    font-size: 15px;
  }
  .studio-project-page-grid h4 {
    font-size: 18px;
  }
  .studio-project-page-grid h5 {
    font-size: 16px;
  }
}
.studio-project-page-grid {
  clear: both;
}
.studio-project-page-grid.intro-section>div {
  padding-right: 0;
}
.studio-project-page-grid.middle-section {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
}
.studio-project-page-grid.intro-section>div:last-of-type {
  padding-right: 0;
  padding-left: 20px;
}
.studio-project-page-grid.bottom-section>div:first-of-type {
  padding-right: 10px;
  padding-left: 0;
}
.studio-project-page-grid.bottom-section>div:last-of-type {
  padding-right: 0;
  padding-left: 10px;
}
@media all and (max-width: 1024px) {
  .studio-project-page-grid.intro-section>div:last-of-type {
    padding-left: 0px;
  }
  .studio-project-page-grid.bottom-section>div:first-of-type,
  .studio-project-page-grid.bottom-section>div:last-of-type {
    padding-right: 0;
    padding-left: 0;
  }
}
.project-info-card {
  background: #f5f5f5;
  position: relative;
  width: 100%;
  padding-bottom: 61.6%;
  height: 0;
}
@media all and (max-width: 1200px) {.project-info-card {padding-bottom: 61.6%;}}
@media all and (max-width: 1180px) {.project-info-card {padding-bottom: 61.4%;}}
@media all and (max-width: 1140px) {.project-info-card {padding-bottom: 61.2%;}}
@media all and (max-width: 1100px) {.project-info-card {padding-bottom: 60.8%;}}
@media all and (max-width: 1060px) {.project-info-card {padding-bottom: 60.6%;}}
@media all and (max-width: 1040px) {.project-info-card {padding-bottom: 60.3%;}}
@media all and (max-width: 1024px) {
  .studio-project-page-conatiner .studio-project-page-grid>div {
    padding-left: 0;
    padding-right: 0;
  }
  .studio-project-page-conatiner {
    padding-top: 0;
  }
  .studio-project-page-grid {
    margin-top: 0 !important;
  }
}
@media all and (min-width: 1320px) {.project-info-card {padding-bottom: 61.8%;}}
@media all and (min-width: 1420px) {.project-info-card {padding-bottom: 61.9%;}}
@media all and (min-width: 1500px) {.project-info-card {padding-bottom: 62.1%;}}
@media all and (min-width: 1600px) {.project-info-card {padding-bottom: 62.4%;}}
@media all and (min-width: 1700px) {.project-info-card {padding-bottom: 62.6%;}}
@media all and (min-width: 1800px) {.project-info-card {padding-bottom: 62.8%;}}
@media all and (min-width: 1900px) {.project-info-card {padding-bottom: 63%;}}
@media all and (min-width: 2000px) {.project-info-card {padding-bottom: 63.2%;}}
@media all and (min-width: 2100px) {.project-info-card {padding-bottom: 63.3%;}}
@media all and (min-width: 2200px) {.project-info-card {padding-bottom: 63.4;}}
@media all and (min-width: 2300px) {.project-info-card {padding-bottom: 63.5%;}}
@media all and (min-width: 2400px) {.project-info-card {padding-bottom: 63.6%;}}

.project-info-card>a {
  text-transform: uppercase;
  margin-top: 14px;
  display: inline-block;
  font-weight: 600;
}
.project-info-card>a:hover,
.project-info-card>a:active,
.project-info-card>a:focus {
  text-decoration: none;
}
.project-info-card>a>img {
  display: inline-block;
  width: 12px;
    margin-left: 6px;
    margin-right: 7px;
    vertical-align: top;
}
.project-info-card>div {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  -webkit-font-smoothing: antialiased;
  width: 100%;
}
.project-info-card>div h4 {
  color: #000;
  text-transform: uppercase;
  margin: 0 auto 8px;
}
.project-info-card>div p {
  width: 76%;
  max-width: 520px;
  margin: 0 auto;
}
.project-info-card>div p>span {
  font-weight: 600;
}
@media all and (min-width: 1400px) {
  .project-info-card>a {
    margin-top: 18px;
    padding-left: 5px;
  }
  .project-info-card>a>img {
    width: 14px;
  }
}
@media all and (max-width: 1024px) {
  .project-info-card {
    position: relative;
    padding-bottom: 82px;
    padding-top: 82px;
    height: auto;
  }
  .project-info-card>div {
    position: initial;
    top: initial;
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: initial;
  }
  .project-info-card>a {
    position: absolute;
    top: 12px;
    left: 4px;
  }
}
@media all and (max-width: 600px) {
  .project-info-card {
    padding-bottom: 32px;
    padding-top: 32px;
    margin-top: 31px;
  }
  .project-info-card>a {
    top: -38px;
  }
}



.project-info-card-middle {
  background: #fff;
  height: calc(100% - 4px);
  width: 100%;
  position: relative;
}
.project-info-card-middle>div {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  width: 100%
}
@media all and (max-width: 1024px) {
  .studio-project-page-grid.middle-section {
    display: block;
  }
  .project-info-card-middle {
    height: auto;
    position: initial;
  }
  .project-info-card-middle>div {
    position: initial;
    top: initial;
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: initial;
    display: inline-block;
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .project-info-card-middle>div>h5 {
    margin-top: 0;
  }
}
@media all and (max-width: 600px) {
  .project-info-card-middle>div {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.project-info-card-middle>div>h5 {
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0;
}
.project-info-card-middle>div>p {
  width: 76%;
  max-width: 520px;
  margin: 0 auto;
}
.studio-project-page-conatiner .float-right-large {
  float: right;
  padding-right: 0;
  padding-left: 20px;
}

@media all and (max-width: 1024px) {
  .float-left-large {
    float: initial;
  }
  .studio-project-page-grid>div:last-of-type {
    padding-left: 0;
  }
}


/* Business start */
#main .section.business {
  width: 100%;
  padding-top: 12px;
  max-width: 920px;
  -webkit-font-smoothing: antialiased;
}
@media all and (max-width: 992px) {
  #main .section.business {
    padding-top: 0px;
  }
}
.section.business .ng-studio-menu ul li.active a {
  text-decoration: underline;
  color: #000;
}
.section.business .ng-studio-menu ul li a:hover {
  text-decoration: underline;
  color: #000;
}
.business-hero {
  width: 100%;
}
.ng-studio-header h4 {
  margin-top: 28px;
  text-transform: uppercase;
}
.ng-studio-header p {
  margin-top: 8px;
}
#main .section.business .services {
  width: 100%;
  padding: 32px 0;
  max-width: 767px;
}
.section.business h2 { 
  text-align: center;
  text-transform: uppercase;
  font-size: 19px;
  margin-top: 32px;
}
.section.business  .service-toggle {
  padding-bottom: 32px;
}
.section.business  .service-toggle .service-toggle-nav {
  height: 72px;
  background: #fff;
  width: 50%;
  display: inline-block;
  float: left;
  -webkit-user-select: none;
  -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0);

}
.section.business .service-toggle .service-toggle-nav>div {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0.972, 0.972);
  -moz-transform: scale(0.972, 0.972);
  -ms-transform: scale(0.972, 0.972);
  -o-transform: scale(0.972, 0.972);
    transform: scale(0.972, 0.972);
    -webkit-transition: transform 0.12s ease-out, bottom 0.12s ease-out; 
    -moz-transition: transform 0.12s ease-out, bottom 0.12s ease-out;
    -ms-transition: transform 0.12s ease-out, bottom 0.12s ease-out;
    -o-transition: transform 0.12s ease-out, bottom 0.12s ease-out;
    transition: transform 0.12s ease-out, bottom 0.12s ease-out; 
    background: rgb(235, 230, 226);
    bottom: -1px;
    cursor: pointer;
    -moz-box-shadow: inset 0 -3px 6px -4px #b7aaa3;
    -webkit-box-shadow: inset 0 -3px 6px -4px #b7aaa3;
    box-shadow: inset 0 -3px 6px -4px #b7aaa3;
}
.section.business  .service-toggle .service-toggle-nav.active>div {
  -webkit-transform: scale(1, 1); 
  -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    background: rgb(244, 241, 239);
    bottom: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.section.business  .service-toggle .service-toggle-nav>div>div {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
}
.section.business  .service-toggle .service-toggle-body {
  display: none;
  background: rgb(244, 241, 239);
  padding-top: 32px;
  padding-bottom: 32px;
    background: rgb(244, 241, 239);
}
/*
.section.business  .service-toggle .service-toggle-body>div {
  opacity: 0;
  -webkit-transition: opacity .2s ease-in-out; 
    transition: opacity .2s ease-in-out; 
}
.section.business  .service-toggle .service-toggle-body.active>div {
  opacity: 1;
}
.section.business  .service-toggle .service-toggle-body.toggle>div {
  opacity: 0;
}
*/
.section.business  .service-toggle .service-toggle-body>div>div>h5 {
  font-style: italic;
  font-size: 13px;
  margin-top: 0;
  margin-bottom: 12px;
}
.section.business  .service-toggle .service-toggle-body>div>div>p {
  margin: 0;
  line-height: 18px;
  color: #333;
  
}
.section.business  .service-toggle .service-toggle-body>div>div>ul {
  padding-left: 14px;
}
.section.business  .service-toggle .service-toggle-body>div>div>ul>li {
  line-height: 18px;
}
.section.business  .service-toggle .service-toggle-body.active {
  display: inline-block;
}
.section.business .service-toggle div>.service-toggle-body-left {
  width: 50%;
  float: left;
  padding: 0 12px 0 32px;
}
.section.business .service-toggle div>.service-toggle-body-right {
  width: 50%;
  float: right;
  padding: 0 48px;
}
.section.business .service-toggle div>.service-toggle-body-right img {
  margin: 0 auto;
}
.section.business .service-toggle .service-toggle-body:last-of-type div>.service-toggle-body-left {
  float: right;
  padding-left: 12px;
  padding-right: 12px;
}
.section.business .service-toggle .service-toggle-body:last-of-type div>.service-toggle-body-right {
  float: left;
}
a.business-btn,
button.business-btn {
  margin-top: 18px;
  padding: 10px 16px 9px;
  background: rgb(244, 241, 239);
  color: #000;
  border: 1px solid #000;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out; 
  -ms-transition: all 0.1s ease-out; 
  -o-transition: all 0.1s ease-out; 
    transition: all 0.1s ease-out; 
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
a.business-btn:hover,
a.business-btn:active,
a.business-btn:focus,
button.business-btn:hover,
button.business-btn:active,
button.business-btn:focus {
  background: #000;
  color: rgb(244, 241, 239);
  border: 1px solid #000;
  text-decoration: none;
}
.service-toggle-mobile-nav {
  display: none;
  width: 100%;
  background: rgb(244, 241, 239);
  padding: 12px 8px;
  text-align: center;
  margin-bottom: 6px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.service-toggle-mobile-nav h5 {
  text-transform: uppercase;
    margin-top: 6px;
    margin-bottom: 2px;
  font-size: 13px;
}
.service-toggle-mobile-nav span {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
}
.service-toggle-mobile-nav #chevron {
  width: 18px;
  display: block;
    margin-left: auto;
    margin-right: auto;
    transform: rotate(0deg);
    /*
    -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear; 
  -ms-transition: all 0.1s linear; 
  -o-transition: all 0.1s linear; 
    transition: all 0.1s linear;
    */
}
.service-toggle-mobile-nav.open #chevron {
  transform: rotate(-180deg);
}

.section.business .lg-img {
    display: inline-block;
  }
  .section.business .sm-img {
    display: none;
  }
@media all and (max-width: 767px) {
  .section.business .sm-img {
    display: inline-block;
    margin-bottom: 18px;
  }
  .section.business .lg-img {
    display: none;
  }
  .section.business  .service-toggle .service-toggle-nav {
    display: none;
  }
  .service-toggle-mobile-nav {
    display: block;
    cursor: pointer;
  }
  .section.business  .service-toggle .service-toggle-nav>div {
    -webkit-transform: initial;
    -moz-transform: initial;
    -ms-transform: initial;
    -o-transform: initial;
      transform: initial;
      background: rgb(244, 241, 239);
      bottom: 0;
      -moz-box-shadow: initial;
      -webkit-box-shadow: initial;
      box-shadow: initial;
  }
  .section.business .service-toggle .service-toggle-body {
    margin-bottom: 12px;
  }
  .section.business .service-toggle .service-toggle-body.active {
    display: none;
  }
  .section.business .service-toggle div>.service-toggle-body-left,
  .section.business .service-toggle div>.service-toggle-body-right {
    width: 100%;
    float: none !important;
    padding: 0 !important;
  }

  .section.business .service-toggle div>.service-toggle-body-left>p,
  .section.business .service-toggle div>.service-toggle-body-left>h5,
  .section.business .service-toggle div>.service-toggle-body-right>p,
  .section.business .service-toggle div>.service-toggle-body-right>h5 {
    padding-left: 18px;
    padding-right: 18px;
  }
  .section.business .service-toggle div>.service-toggle-body-left>a,
  .section.business .service-toggle div>.service-toggle-body-right>a {
    margin-left: 18px;
  }
  .section.business .service-toggle div>.service-toggle-body-left>ul,
  .section.business .service-toggle div>.service-toggle-body-right>ul {
    padding-left: 34px !important;
    padding-right: 18px;
  }

  .section.business h2 {
    margin-top: 12px;
  }
  .section.business .service-toggle {
    padding-bottom: 0;
  }
}

.business-partners p {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  line-height: 22px;
}
.business-partners img {
  padding-top: 12px;
  padding-bottom: 12px;
}
.business-partners::after {
  content: " ";
  width: 80px;
  height: 1px;
  background: #000;
  display: block;
  margin: 0 auto;
}
@media all and (max-width: 768px) {
  .section.business h2 {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
  }
  .business-partners p {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    line-height: 20px;
  }
}


.section.business .studio-contact-container h2 {
  text-transform: uppercase;
  font-size: 19px;
  margin-top: 82px;
  margin-bottom: 32px;
}
#main .section.business .section.studio-contact-container {
  max-width: 768px;
}
#main .section.business .section.studio-contact-container .studio-contact-div {
  padding: 0 18px;
  min-height:360px;
}
#main .section.business .section.studio-contact-container .studio-contact-div img {
  margin-bottom: 18px;
}

.section.business .studio-office-container h4 {
  border-top: 0;
  padding-top: 12px;
}
#office_pin {
  width: 26px;
    display: inline;
    margin-top: -10px;
    vertical-align: middle;
    margin-right: 5px;
}
.section.business .studio-office-container::after {
  content: '\2022';
    text-align: center;
    width: 100%;
    display: block;
    font-size: 18px;
    margin-top: 6px;
}


/* MTN Studio CSS END */


/* MTN Studio CSS END */
.bc-wrap {text-align:center; margin-top:20px; margin:10px auto;}
.bc-wrap .breadcrumbs {text-align:center; display:inline-block; margin:0 auto; padding:0;}
.bc-wrap li {list-style:none; float:left; color:#888;}
.bc-wrap li a {color:#888;}
.bc-wrap li:after {content:'/'; padding:0 5px;}
.bc-wrap li:last-child:after {content:'';}
.blog-nav-wrap#left-side {display:none!important;}


/* accordion */

.accordion ul,.accordion li {
    list-style: none
}

.accordion>li,.accordion>li>*:not(ul) {
    font-size: 15px;
    font-weight: 700
}

.accordion>li>*:not(ul) {
    cursor: pointer
}

.accordion>li>p {
    text-transform: uppercase
}

.accordion>li {
    position: relative;
    border-top: 1px solid #000;
    padding: .5em 0
}

.accordion>li:last-child {
    border-bottom: 1px solid #000
}

.accordion>li.open:before {
    transform: rotate(180deg)
}

.accordion>li:before {
    transform: rotate(0deg)
}

.accordion>li.open:after {
    opacity: 0
}

.accordion>li:after {
    transform: rotate(90deg)
}

.accordion>li:before,.accordion>li:after {
    background: #000;
    content: '';
    height: 2px;
    right: 0;
    position: absolute;
    top: 35px;
    width: 12px
}

.accordion>li:before,.accordion>li:after {
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease
}

.accordion>li ul {
    font-size: 13px;
    font-weight: 400;
    padding: 0 20px 20px 0;
    display: none
}

.accordion>li.open ul {
    display: block
}

.faq-wrap {
  padding-top:60px;
}

.Kontaktform .annat {
    display: none
}

#KontaktformTack {
    display: none;
    margin: 80px 0
}

#KontaktformTack p {
    font-size: 16px;
    text-align: center
}

.Kontaktform .error {
    display: block;
    border: 1px solid #ef8686!important;
    background: #ffe2ea!important;
}

.scnd-nav li {list-style:none;}