:root {
  --white: white;
  --dodger-blue: #3898ec;
  --black: black;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

a {
  text-decoration: underline;
}

.body {
  background-color: #dadada;
  font-family: Open Sans, sans-serif;
  font-size: 1vw;
  line-height: 1.3vw;
}

.mybody {
  width: 90vw;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 .2vw;
  display: block;
  box-shadow: 0 0 6px 5px #cac5c5;
}

.mybody.produktblad {
  padding: 0;
}

.mybody.tak {
  width: 80vw;
}

.navbar {
  background-color: #fff;
  border-bottom: 1px solid #d1d1d1;
  padding-top: .5vw;
  padding-bottom: .5vw;
  font-family: Roboto;
}

.address-bar {
  color: #fff;
  background-image: linear-gradient(270deg, #000 14%, #fff 70%);
  margin-top: -.5vw;
  padding: .3vw 1.3vw;
}

.text-top-bar {
  width: 100%;
  float: left;
  color: rgba(200, 198, 198, .8);
  text-align: right;
  font-size: 1vw;
  line-height: 1.2vw;
}

.image {
  margin-top: -1vw;
}

.navmenu {
  margin-top: .5vw;
  padding-right: 1vw;
}

.nav-link {
  color: #707070;
  letter-spacing: .01vw;
  margin-top: 1vw;
  padding: .5vw;
  font-size: 1.5vw;
  font-weight: 400;
  line-height: 1.5vw;
  text-decoration: none;
}

.nav-link:hover {
  background-color: rgba(193, 195, 197, .31);
  border-radius: .2vw;
}

.mycontainer {
  min-height: 24.5vw;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url('../images/Thermacoat-002.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

.mycontainer.products {
  background-image: none;
  padding: 2vw 3vw 4vw;
  display: block;
}

.mycontainer.contact {
  background-image: none;
  padding: 4vw 20vw;
  display: block;
}

.main-grid {
  grid-column-gap: 67px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.div-block-2 {
  min-width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  text-align: center;
  background-color: #cdcfd0;
  background-image: url('../images/front-mid-image-001.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template: "." minmax(0, 3fr)
  / 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  box-shadow: 0 0 6px #000;
}

.div-block-2.thermacote {
  height: 20vw;
  background-image: none;
  box-shadow: 0 0 6px #000;
}

.div-block-2.repairtape {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  background-size: auto;
  border: .5vw #fff;
  grid-template: "." 1fr
                 "."
                 "."
                 / 1fr;
  grid-auto-rows: .25fr;
  grid-auto-columns: 1fr;
  display: grid;
  box-shadow: 0 0 6px #000;
}

.div-block-2.news {
  height: 17vw;
  grid-column-gap: 16px;
  grid-row-gap: 17px;
  background-image: linear-gradient(#000, #171717 43%, #a59c9c);
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-2.start {
  min-height: 40vw;
  min-width: auto;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  background-size: auto;
}

.div-block-2.ovrigt {
  background-image: url('../images/thermacote-26.jpg');
  background-position: 50%;
}

.div-thermacote {
  height: 3vw;
  text-align: center;
  background-image: url('../images/thermacote-logo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  align-self: start;
  margin: .5vw 1vw;
}

.polueretan-text {
  float: none;
  color: #fff;
  text-align: center;
  border-radius: .5vw;
  align-self: end;
  padding: .3vw;
  font-family: Roboto;
  display: block;
}

.polueretan-text.thermacote {
  color: #000;
  text-shadow: none;
}

.heading {
  min-height: 20vw;
  text-shadow: 1px 1px 6px #000;
  font-size: 3vw;
  line-height: 3.2vw;
  display: block;
}

.thermacote-div {
  box-shadow: none;
  border: 1px rgba(0, 0, 0, .15);
  padding: 1vw 2vw;
  display: block;
}

.grid {
  grid-column-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-bottom: 2vw;
}

.heading-2 {
  color: rgba(0, 0, 0, .58);
  text-align: center;
}

.paragraph {
  display: none;
}

.tab-link-tab-1 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: 125px;
}

.tab-link-tab-1.w--current {
  background-image: none;
}

.tab-link {
  color: rgba(51, 51, 51, .64);
  border: 1px solid rgba(0, 0, 0, .13);
  border-radius: 10px;
  margin-top: .5vw;
  margin-bottom: .5vw;
  margin-right: .5vw;
}

.tab-link.w--current {
  color: #fff;
  background-color: #00a2e2;
}

.heading-3 {
  color: #000;
  text-align: left;
  margin-top: 0;
  font-weight: 600;
}

.filter-item {
  clear: none;
  text-align: center;
  flex: none;
  margin-right: .5vw;
  position: static;
}

.filter-text {
  text-align: center;
  border: 1px solid #000;
  border-radius: 10px;
  margin-top: 1vw;
  margin-bottom: 1vw;
}

.filters.filter-menu {
  flex-wrap: wrap;
  display: flex;
}

.collection-list-wrapper {
  display: block;
}

.html-embed {
  float: left;
  background-color: #ff001a;
}

.collection-list {
  justify-content: center;
  display: flex;
}

.html-embed-2 {
  text-align: center;
}

.itembox {
  min-height: 435px;
}

.item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding: 1vw;
  display: block;
}

.collection-item {
  margin-bottom: 2vw;
}

.product-link {
  color: #686565;
  font-family: Open Sans, sans-serif;
  font-size: 1vw;
  font-weight: 700;
  line-height: 1vw;
  text-decoration: none;
}

.product-text {
  width: 11vw;
  color: #303030;
  border: 1px solid rgba(48, 48, 48, .35);
  border-radius: 20px;
  margin-left: .5vw;
  padding: .2vw 1vw;
  font-family: Open Sans, sans-serif;
  text-decoration: none;
}

.body-2 {
  font-family: Open Sans, sans-serif;
}

.cl-projects {
  float: left;
  padding: 1.5vw;
  display: block;
}

.body-3 {
  color: #fff;
  font-family: Open Sans, sans-serif;
}

.collection-item-2 {
  text-align: center;
  padding-left: 1vw;
  padding-right: 1vw;
}

.mybutton {
  width: 70%;
  color: rgba(0, 0, 0, .6);
  text-align: center;
  border: 1px solid rgba(0, 0, 0, .3);
  border-radius: 10px;
  padding: 5px;
  text-decoration: none;
}

.collection-list-2 {
  margin-bottom: 1vw;
}

.product-image {
  width: 70%;
  margin-bottom: 7vw;
  display: block;
}

.div-block-3 {
  grid-column-gap: 16px;
  grid-row-gap: 7px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  display: grid;
}

.project-item-container {
  border: 1px solid rgba(0, 0, 0, .14);
  border-radius: 10px;
  box-shadow: 9px 9px 24px rgba(0, 0, 0, .61);
}

.link-block {
  background-color: rgba(221, 219, 219, .39);
  border-radius: 10px;
  padding: .5vw;
  text-decoration: none;
}

.heading-4 {
  text-decoration: none;
}

.text-block {
  color: rgba(0, 0, 0, .61);
  text-align: center;
  margin-bottom: .5vw;
  margin-left: .5px;
  font-size: 1.7vw;
  line-height: 2vw;
  text-decoration: none;
}

.image-2 {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.heading-5 {
  float: left;
  color: rgba(0, 0, 0, .6);
  margin: 2vw .5vw 2vw 1vw;
}

.heading-5.name {
  margin-left: 0;
}

.grid-2 {
  grid-column-gap: 4px;
  grid-template-rows: auto;
  grid-template-columns: .7fr 1fr;
}

.heading-6 {
  float: left;
  color: #000;
}

.link-block-2 {
  height: 1.2vw;
  text-decoration: none;
}

.product-column {
  grid-column-gap: 16px;
  grid-row-gap: 6px;
  grid-template-rows: 1.2vw auto;
  grid-template-columns: 1fr;
  display: grid;
}

.link-block-3 {
  text-decoration: none;
}

.div-block-4 {
  margin-bottom: .5px;
  padding-left: .5vw;
}

.collection-list-3 {
  display: block;
}

.projekt-typ {
  display: none;
}

.link2 {
  height: 2vw;
  color: var(--white);
  margin-bottom: 2vw;
  text-decoration: none;
}

.link2:hover {
  color: #000;
}

.link2.frontpage {
  align-self: end;
  margin-top: 1.5vw;
  margin-bottom: .5vw;
}

.button {
  width: 100%;
  color: #fff;
  text-align: center;
  background-color: #0098ff;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 10px;
  margin-top: .5vw;
  margin-bottom: .5vw;
  margin-right: .5vw;
  padding: .2vw 1.3vw;
  font-size: 1.2vw;
  line-height: 1.8vw;
  display: block;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, .53);
}

.button:active {
  background-color: #6e7071;
}

.button:focus {
  background-color: #6e6f6f;
}

.button-2, .htmlembed {
  float: left;
}

.bold-text {
  color: var(--white);
  background-color: rgba(238, 130, 15, .77);
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 1vw;
  padding: 2vw;
  font-family: Oswald, sans-serif;
  font-size: 3vw;
  font-weight: 400;
  line-height: 3.5vw;
  display: inline-block;
  box-shadow: 5px 5px 3px rgba(0, 0, 0, .5);
}

.heading-7 {
  color: #fff;
  text-align: center;
  background-color: #000;
  margin-top: .5vw;
  margin-bottom: .5vw;
  font-size: 1.5vw;
  font-weight: 600;
  line-height: 2vw;
}

.image-3 {
  border: 1px solid rgba(0, 0, 0, .52);
  border-radius: 10px;
}

.heading-8 {
  color: rgba(0, 0, 0, .5);
  text-align: center;
  margin-top: 0;
  margin-bottom: .7vw;
}

.filter-title {
  color: rgba(51, 51, 51, .67);
  margin-top: 2vw;
  margin-bottom: .5vw;
  font-style: italic;
}

.item-container {
  background-color: rgba(0, 0, 0, .88);
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .5vw;
}

.delare {
  height: 1vw;
}

.produkter-div {
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .5vw;
  padding: 3vw;
}

.myheading3 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  font-size: 2.2vw;
  font-weight: 600;
  line-height: 3.5vw;
}

.mycategory {
  color: #fff;
  text-align: center;
  background-color: #000;
  border-top: 1px solid rgba(255, 255, 255, .6);
  border-bottom-right-radius: 1vw;
  border-bottom-left-radius: 1vw;
  margin-left: auto;
  margin-right: auto;
  font-size: .7vw;
  font-style: italic;
  display: block;
}

.product-image-templ {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.producttitle {
  color: rgba(0, 0, 0, .6);
  text-align: center;
  margin-bottom: 1.2vw;
  font-size: 3vw;
  font-weight: 600;
  line-height: 3.5vw;
}

.project-title {
  margin-bottom: 1vw;
  margin-left: 1vw;
  font-size: 3vw;
  line-height: 3.3vw;
}

.project-paragraph {
  margin-bottom: 1vw;
  margin-left: 1vw;
}

.project-content-div {
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .2vw;
  padding: 1vw;
}

.project-image-item {
  padding: 1vw;
}

.text-block-2 {
  margin-bottom: .5vw;
  font-style: italic;
}

.products-title {
  margin-bottom: 1vw;
  font-size: 3vw;
  line-height: 3.3vw;
}

.grid-3 {
  grid-template-rows: auto;
}

.my-title {
  color: rgba(0, 0, 0, .6);
  padding-top: .5vw;
  padding-bottom: .5vw;
  font-size: 2.5vw;
  line-height: 3.3vw;
}

.video {
  margin-top: 2vw;
  margin-bottom: 2vw;
}

.paragraph-2 {
  text-align: left;
  margin-bottom: 0;
  font-size: .85vw;
  line-height: 1.1vw;
}

.paragraph-2.senaste-nytt {
  color: rgba(0, 0, 0, .5);
  text-align: center;
  font-size: 1vw;
  line-height: 1.4vw;
}

.news-div {
  height: 17vw;
  grid-column-gap: 16px;
  grid-row-gap: 9px;
  background-image: url('../images/ovrigt-001-square.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: .5vw;
  grid-template: "." minmax(0, 2fr)
  / 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  margin: .2vw .2vw .2px;
  padding-left: .5vw;
  padding-right: .5vw;
  display: grid;
}

.news-div.div-block-2 {
  grid-row-gap: 9px;
  border-radius: 0;
  grid-template-rows: minmax(0, 1fr) minmax(0, 3fr) minmax(0, .5fr);
  margin-top: 0;
  margin-bottom: 0;
}

.heading-9 {
  margin-top: 0;
  margin-bottom: 0;
}

.heading-9.senaste-nytt {
  color: #ccc8c8;
  margin-bottom: .5vw;
  font-size: 180%;
  line-height: 130%;
}

.heading-10 {
  color: var(--white);
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, .29);
  margin-top: .5vw;
  margin-bottom: .5vw;
  padding-bottom: .2vw;
  font-size: 2vw;
  line-height: 2.5vw;
}

.contactformcontent {
  padding: 4vw;
}

.grid-4 {
  grid-template-rows: auto;
  align-items: start;
}

.text-block-3 {
  display: block;
}

.contacttext {
  text-align: left;
  font-size: 1.3vw;
  line-height: 2.5vw;
}

.contactname {
  text-align: left;
  font-size: 1.5vw;
  font-weight: 600;
  line-height: 2.5vw;
}

.contactcolumns {
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: .5vw;
  padding: 2vw;
}

.contactblocktitle {
  margin-bottom: 1vw;
  font-style: italic;
}

.contactdiv {
  padding-top: .5vw;
  padding-left: .5vw;
  padding-right: .5vw;
}

.contactformlabel {
  margin-bottom: .3vw;
  font-size: .7vw;
}

.contacttextfield {
  height: 1.6vw;
  margin-bottom: .2vw;
  padding: .3vw;
  font-size: .8vw;
  line-height: .8vw;
}

.contacttextfield.longetxt {
  height: 4vw;
}

.text-field {
  margin-bottom: .5vw;
}

.submit-button {
  font-size: .8vw;
  line-height: 1vw;
}

.contactformsubmitbutton {
  border-radius: .5vw;
  margin-top: .5vw;
  font-size: .8vw;
  line-height: .9vw;
}

.mydivider {
  height: 1vw;
}

.om-oss-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: ". . . ."
                 ". . . ."
                 ". . . ."
                 ". . . ."
                 ". . . ."
                 / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 4vw;
  display: grid;
}

.nyheterdatum {
  color: #979696;
  text-align: left;
  margin-top: 1vw;
  font-size: 1vw;
  font-style: italic;
  line-height: 2vw;
}

.text-block-4 {
  text-align: left;
  font-size: .85vw;
  line-height: 1.1vw;
}

.text-block-5 {
  font-family: "Fa 400";
}

.text-block-5.youtube {
  font-family: "Fa brands 400";
  font-size: 2vw;
  line-height: 2.2vw;
}

.column, .columns {
  text-align: center;
}

.movie-container {
  border: 1px solid #000;
  margin-left: .57vw;
  margin-right: .57vw;
  padding: 1vw;
}

.document-container, .projekt-container {
  margin-left: .57vw;
  margin-right: .57vw;
  padding: 1vw;
}

.heading-11 {
  width: 30%;
  margin-top: 0;
}

.collection-item-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "."
  / 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.news-container {
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .5vw;
  margin-bottom: 1vw;
  padding: 2vw;
}

.heading-12 {
  margin-top: 0;
  font-size: 2vw;
  line-height: 3vw;
}

.text-block-6 {
  font-size: .9vw;
  font-style: italic;
}

.button2 {
  width: 100%;
  background-color: var(--dodger-blue);
  color: var(--white);
  text-align: center;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: .5vw;
  margin-bottom: .5vw;
  margin-right: 2vw;
  padding: .5vw .7vw;
  font-size: .8vw;
}

.columns-2 {
  margin-top: 2vw;
}

.buttonprojekt {
  width: 100%;
  text-align: center;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-top-left-radius: .5vw;
  border-top-right-radius: .5vw;
  font-size: 1.2vw;
  line-height: 1.8vw;
}

.buttonprojekt:active {
  background-color: #3898ec;
}

.movie-collection-item {
  padding: 1vw;
}

.movie-title {
  padding-bottom: 1.2vw;
  padding-left: 1.2vw;
  padding-right: 1.2vw;
  font-size: 1.3vw;
  line-height: 1.5vw;
}

.movie-container-div {
  padding-bottom: 1vw;
  padding-left: 1vw;
  padding-right: 1vw;
}

.om-oss-title {
  margin-bottom: 2vw;
  font-size: 3vw;
  font-weight: 700;
  line-height: 3vw;
}

.om-oss-paragraph {
  margin-bottom: .5vw;
  font-size: 1.1vw;
  line-height: 1.2vw;
}

.senaste-nytt-lnktext {
  color: var(--white);
  font-size: 80%;
  line-height: 120%;
}

.empty-state {
  min-height: 435px;
}

.text-block-7 {
  font-size: 200%;
  line-height: 200%;
}

.div-block-5 {
  border: 1px solid #000;
  margin: 3vw;
}

.column-2 {
  text-align: right;
}

.button-3 {
  border-radius: .5vw;
}

.buttondokument, .buttonfilmer {
  width: 100%;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-top-left-radius: .5vw;
  border-top-right-radius: .5vw;
  font-size: 1.2vw;
  line-height: 1.8vw;
}

.html-embed-3 {
  float: left;
}

.myheader {
  color: #6b6b6b;
  align-self: start;
  margin: .5vw 1vw;
  font-family: Open Sans, sans-serif;
  font-size: 2vw;
  line-height: 3vw;
}

.textblockmobile {
  color: var(--white);
  background-color: rgba(0, 0, 0, .6);
  border-radius: .5vw;
  align-self: end;
  margin-top: 1vw;
  margin-left: 1vw;
  margin-right: 1vw;
  padding: .5vw;
}

.frontcontainer {
  grid-column-gap: 16px;
  grid-row-gap: 2vw;
  grid-template: ". . ."
                 ". . ."
                 / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin: 2vw;
  display: grid;
}

.div-block-6 {
  height: 17vw;
}

.div-block-7 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1fr 2fr 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.latestnews {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.newsflashbody {
  color: var(--white);
  align-self: start;
  margin-bottom: .5vw;
  font-size: .9vw;
  line-height: 1.2vw;
  display: block;
}

.newflashtitle {
  color: var(--white);
  margin-bottom: .5vw;
  font-size: 1.5vw;
  line-height: 1.6vw;
}

.newsflashdate {
  color: var(--white);
  align-self: end;
  font-size: .8vw;
  font-style: italic;
}

.latestnewsblock {
  background-color: rgba(0, 0, 0, .6);
  border-radius: .5vw;
  align-self: center;
  padding: .5vw;
}

.paragraph-4 {
  font-size: 1.1vw;
}

.image-5 {
  margin-top: 4vw;
  margin-bottom: 2vw;
}

.heading-13 {
  color: var(--white);
  font-size: 2vw;
  line-height: 2.2vw;
}

.examplescolumns {
  display: flex;
}

.grid-5 {
  grid-template-rows: auto;
  grid-template-areas: ". .";
}

.heading-14 {
  float: left;
  color: var(--white);
  margin-right: .5vw;
  font-size: 2vw;
  line-height: 2.2vw;
  position: static;
}

.paragraph-5 {
  font-size: 1.2vw;
  line-height: 1.8vw;
}

.heading-15 {
  color: var(--dodger-blue);
  margin-bottom: 2vw;
  font-size: 1.5vw;
  line-height: 1.7vw;
}

.content-head-div {
  margin-bottom: 1vw;
}

.container-anvandningsomraden {
  background-color: #00a4e0;
  padding: 1vw 5vw 2vw;
}

.collection-item-4 {
  grid-column-gap: 16px;
  grid-row-gap: 19px;
  background-color: var(--white);
  grid-template: ". ." .25fr
                 ". ." minmax(auto, 1.25fr)
                 ". ."
                 ". ."
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 2vw;
  padding-left: 2vw;
  display: grid;
}

.columns-3 {
  margin-bottom: 2vw;
  padding: 3vw;
}

.link-container {
  align-self: start;
  margin: 0;
  padding: 3vw 3vw 0;
}

.link-block-4 {
  width: 100%;
}

.link-block-5 {
  width: 100%;
  text-decoration: none;
}

.head1 {
  width: 100%;
  min-height: 3vw;
  float: left;
  color: var(--white);
  background-color: rgba(0, 0, 0, .7);
  border-bottom: 1px solid rgba(255, 255, 255, .33);
  align-self: start;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: .5vw;
  padding-bottom: .5vw;
  font-family: Anton;
  font-size: 1.8vw;
  font-weight: 400;
  line-height: 2vw;
  display: block;
}

.head1.orange {
  color: #ee8d32;
}

.head1.blue {
  color: var(--dodger-blue);
  margin-left: 0;
}

.div-block-9 {
  width: 1vw;
  height: 1vw;
  float: left;
}

.collection-list-4 {
  min-height: 10vw;
  background-color: rgba(0, 0, 0, .5);
  padding-top: .2vw;
  padding-left: .2vw;
  padding-right: .2vw;
}

.collection-list-5 {
  min-height: 10vw;
  background-color: rgba(0, 0, 0, .5);
  padding: .2vw;
}

.collection-list-6 {
  min-height: 10vw;
  background-color: rgba(0, 0, 0, .5);
  margin: 1px;
  padding: .2vw;
}

.rich-text-block-2 {
  font-size: 18px;
  line-height: 20px;
}

.heading-16 {
  margin-top: 30px;
  margin-bottom: 0;
}

.anvandningsomrade-link {
  color: var(--dodger-blue);
  margin-bottom: 1vw;
  font-size: 18px;
  line-height: 20px;
}

.heading-17 {
  color: rgba(0, 0, 0, .8);
  font-size: 2vw;
  line-height: 2.2vw;
}

.document-links {
  padding: 2vw 5vw;
}

.link-2 {
  color: rgba(0, 0, 0, .8);
  text-decoration: none;
}

.produktblad-rubrik {
  color: #3c5825;
  background-color: #c5e0b5;
  margin-right: 25vw;
  padding: 1vw 3vw;
  display: none;
}

.heading-18 {
  color: #3c5825;
  background-color: #e2f0d9;
  padding: 2vw;
  font-family: Oswald, sans-serif;
  font-size: 5vw;
  line-height: 6vw;
  display: none;
}

.content-produktblad {
  padding: 0;
}

.heading-19 {
  text-align: center;
  background-color: #0b3f6d;
  margin-top: 0;
  margin-bottom: 0;
  padding: 2vw;
  font-family: Oswald, sans-serif;
  font-size: 4vw;
  line-height: 5vw;
}

.heading-19.fasad {
  background-color: #226531;
}

.heading-19.korund {
  background-color: #d00404;
}

.heading-19.takforband {
  background-color: #ef8c2e;
}

.heading-19.industri {
  background-color: #27a7c4;
}

.heading-19.betong {
  background-color: #5c5d5e;
}

.div-block-11 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url('../images/thermacote-5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template: ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 5vw;
  padding: 3vw;
  display: grid;
}

.div-block-11.green {
  background-image: url('../images/thermacote-4.jpg');
  background-size: cover;
}

.div-block-11.korund {
  background-image: none;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-areas: ". . . ."
                       ". . . ."
                       ". . . ."
                       ". . . ."
                       ". . . .";
  padding-left: 0;
  padding-right: 0;
}

.div-block-11.industri {
  background-image: url('../images/thermacote-7.jpg');
  background-size: cover;
}

.div-block-11.takforband {
  background-image: url('../images/takforband-001.jpg');
  background-size: cover;
}

.div-block-11.betong {
  background-image: url('../images/betong-001.jpg');
  background-size: cover;
}

.myhead1 {
  min-height: 10vw;
  color: #000;
  text-align: center;
  background-color: #0b3f6d;
  border-radius: .5vw;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin: 0;
  padding: 1vw;
  font-family: Oswald, sans-serif;
  font-size: 2vw;
  line-height: 2.2vw;
  display: flex;
  box-shadow: 6px 6px 3px rgba(0, 0, 0, .5);
}

.myhead1.round {
  width: 20vw;
  height: 20vw;
  background-color: #0b3f6d;
  border-radius: 50%;
  align-self: center;
}

.myhead1.round.fasad {
  background-color: #226531;
  align-self: center;
}

.myhead1.round.korund {
  align-self: center;
  margin-top: -2vw;
}

.myhead1.round.takforband {
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/ThermaCote-Repair-Tape-002-500.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-self: center;
}

.myhead1.round.industri {
  background-color: #27a7c4;
  align-self: center;
}

.myhead1.ett {
  background-color: #78c1f2;
  align-self: auto;
}

.myhead1.ett.fasad {
  background-color: #48d267;
  align-self: auto;
}

.myhead1.ett.korund {
  background-color: #870000;
  align-self: auto;
}

.myhead1.ett.takforband {
  background-color: #ff9a49;
  align-self: auto;
}

.myhead1.ett.betong {
  background-color: #b0b0b0;
  align-self: auto;
}

.myhead1.tva {
  background-color: #3594e8;
}

.myhead1.tva.fasad {
  background-color: #42ba5d;
}

.myhead1.tva.korund {
  background-color: #9a0202;
}

.myhead1.tva.takforband {
  background-color: #ffb003;
}

.myhead1.tva.industri {
  background-color: #27a7c4;
}

.myhead1.tva.betong {
  background-color: #8e8e8e;
}

.myhead1.tre {
  background-color: #2770b2;
}

.myhead1.tre.fasad {
  background-color: #318f46;
}

.myhead1.tre.korund {
  background-color: #ae0000;
}

.myhead1.tre.takforband {
  background-color: #ffbe50;
}

.myhead1.tre.betong {
  background-color: #656565;
}

.myhead1.fasad {
  background-color: #226531;
}

.myhead1.korund {
  background-color: #d00404;
}

.myhead1.noll.korund {
  background-color: #6d0000;
  align-self: auto;
}

.myhead1.takforband {
  background-color: #ef8c2e;
}

.myhead1.takforband.last {
  background-color: #ffcd56;
}

.myhead1.betong {
  background-color: #5c5d5e;
}

.myhead1-text {
  color: var(--white);
  font-family: Oswald, sans-serif;
  font-size: 2vw;
  font-weight: 700;
  line-height: 2.5vw;
}

.bold-text-2 {
  color: var(--white);
}

.div-block-12 {
  background-image: url('../images/thermacote-7.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-12.bygg-konst {
  background-image: url('../images/front-mid-image-001.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.div-block-12.ovrigt {
  background-image: url('../images/thermacote-26.jpg');
  background-position: 50%;
  background-size: cover;
}

.text-block-10 {
  color: var(--white);
  background-color: rgba(0, 0, 0, .7);
  align-self: end;
  padding-top: .75vw;
  padding-bottom: .75vw;
  font-family: Oswald, sans-serif;
  font-size: .9vw;
  font-weight: 500;
  line-height: 1vw;
  display: block;
}

.frontcard {
  grid-row-gap: 0px;
  grid-template: "." 3vw
                 "." 13vw
                 "." 3vw
                 / 1fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.headtext2 {
  margin-top: 3vw;
  display: block;
}

.headtext2.two {
  display: block;
}

.headtext3 {
  text-align: center;
  margin-top: 3vw;
}

.div-block-13 {
  text-align: center;
  font-size: 3vw;
  line-height: 3.2vw;
}

.front-slider {
  height: 20vw;
  background-color: rgba(0, 0, 0, 0);
  display: none;
}

.right-arrow, .left-arrow, .slide-nav {
  display: none;
}

.slide {
  min-height: 15vw;
}

.mask {
  min-height: 15vw;
  font-size: 3vw;
  line-height: 3.3vw;
}

.headerlogo {
  min-height: 10vw;
  background-image: url('../images/thermacote-logo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 2vw 18vw 5vw;
  display: none;
}

.div-block-14 {
  width: 11vw;
  height: 7vw;
  background-image: url('../images/Isolt-logo-thermacotesweden-002-500px.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 2vw;
}

.what-is-thermacote-div {
  background-color: #e6e5e5;
  padding: 5vw 4vw;
}

.link-documents {
  color: #000;
  font-size: 2vw;
  line-height: 2.3vw;
}

.mylinkblockdocuments {
  text-decoration: none;
}

.link-block-div-documents {
  border: 1px solid #000;
  margin-bottom: 1vw;
  padding: 1.5vw;
}

.text-document {
  margin-top: 1vw;
  margin-bottom: 3vw;
  font-size: 1.2vw;
}

.read-more-front {
  color: var(--white);
  text-align: center;
  background-color: rgba(0, 0, 0, .41);
  border: 1px solid #000;
  border-radius: 1vw;
  margin-top: 9vw;
  margin-left: 10vw;
  margin-right: 10vw;
  padding: .5vw .5vw .5vw 1vw;
  text-decoration: none;
}

.info-ruta-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #e2e2e2;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin: 3vw 10vw;
  display: grid;
}

.info-ruta-1 {
  height: 20vw;
  background-image: url('../images/kostnadseffektiv-001.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  align-self: center;
  margin: 2vw;
}

.info-ruta-1.anvandarvanlig {
  background-image: url('../images/anvandarvanlig-002.svg');
  background-size: contain;
  align-self: stretch;
}

.info-ruta-1.sakerhet {
  background-image: url('../images/sakerhet-001.svg');
  background-size: auto;
  align-self: stretch;
}

.info-ruta-1.miljo {
  background-image: url('../images/miljo-001.svg');
  background-size: auto;
  align-self: stretch;
}

.heading-20 {
  text-align: center;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
}

.rich-text-block-3 {
  border: 1px solid rgba(0, 0, 0, .2);
  padding: 2vw;
  font-size: 1.5vw;
  line-height: 1.9vw;
}

.div-block-15 {
  background-color: #e2e2e2;
}

.link-block-6 {
  text-decoration: none;
}

.grid-6 {
  grid-template-columns: 1fr;
  grid-template-areas: "."
                       ".";
  margin: 17vw;
  padding-left: 1px;
}

.temporartext1 {
  padding-left: 2vw;
  font-size: 2.5vw;
  line-height: 3vw;
}

.tempgrid {
  justify-items: center;
  margin: 3vw;
  padding: 0;
}

.text-block-11 {
  color: var(--white);
  text-align: center;
  background-color: rgba(0, 0, 0, .82);
  align-self: end;
  font-size: 2vw;
  line-height: 3vw;
}

.div-block-16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: ". ."
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  padding-top: 5vw;
  padding-bottom: 5vw;
  display: grid;
}

.mycontent {
  padding: 4vw 5vw 5vw;
}

.mycontent.korund {
  padding-top: 6vw;
}

.div-block-17 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "."
  / 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  padding: 3vw;
  display: grid;
}

.body-4 {
  background-color: #dadada;
}

.mytab {
  text-align: center;
  margin-top: 3vw;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.tab-link-tab-2 {
  width: 7vw;
  text-align: center;
  background-color: #40c545;
  font-size: 1vw;
  line-height: 1.5vw;
}

.tablink.w--current {
  width: 7vw;
  text-align: center;
  background-color: #0b3f6d;
}

.text-block-12 {
  color: var(--white);
  font-size: 1vw;
  line-height: 1.5vw;
}

.text-block-13 {
  color: var(--white);
}

.myhead1-text-2 {
  color: #fff;
  font-family: Oswald, sans-serif;
  font-size: 2vw;
  font-weight: 700;
  line-height: 2.2vw;
}

.bold-text-3 {
  color: #fff;
}

.tab-link-product {
  width: 10vw;
  background-color: rgba(173, 174, 174, .65);
  margin-top: 1vw;
  margin-left: 2vw;
  margin-right: 2vw;
  padding-left: 0;
  padding-right: 0;
  box-shadow: 4px 4px 6px rgba(0, 0, 0, .51);
}

.tab-link-product.w--current {
  background-color: #8f9091;
}

.tab-textblock {
  color: var(--white);
  text-align: center;
  text-shadow: 1px 1px 6px #000;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: 2vw;
  line-height: 3vw;
}

.produktblad-container {
  background-color: #e6e6e6;
  margin-left: auto;
  margin-right: auto;
  padding: 5vw 10vw 3vw;
}

.produktblad-container.takforband {
  color: #fff;
  background-color: #ef8c2e;
}

.produktblad-container.industri {
  background-color: #27a7c4;
}

.pb-heading {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 5vw;
  font-family: Oswald, sans-serif;
  font-size: 5vw;
  line-height: 6vw;
}

.pb-heading.orginal {
  color: #226531;
  text-align: center;
  font-size: 6vw;
  line-height: 6vw;
}

.pb-heading.orginal.blue.korund {
  color: #6d0000;
}

.pb-heading.orginal.blue.takforband, .pb-heading.orginal.blue.industri {
  color: var(--white);
}

.pb-heading.orginal.betong {
  color: rgba(0, 0, 0, .8);
}

.pb-heading.blue {
  color: #0b3f6d;
}

.pb-heading3 {
  text-align: center;
  margin-top: 2vw;
  margin-bottom: 1.5vw;
  font-family: Oswald, sans-serif;
  font-size: 3vw;
  line-height: 4vw;
}

.pb-heading3.orginal {
  color: #226531;
  text-align: center;
  margin-top: 4vw;
  margin-bottom: 2vw;
  font-size: 4vw;
  line-height: 4vw;
}

.pb-heading3.orginal.blue.korund {
  color: #6d0000;
}

.pb-heading3.orginal.blue.takforband {
  color: #fff;
}

.pb-heading3.orginal.blue.industri {
  color: var(--white);
}

.pb-heading3.orginal.betong {
  color: rgba(0, 0, 0, .8);
}

.pb-heading3.blue {
  color: #0b3f6d;
}

.text-block-14 {
  font-family: Open Sans, sans-serif;
  font-size: 1.4vw;
  line-height: 2vw;
}

.text-block-14.orginal {
  color: #226531;
  text-align: left;
  font-size: 2vw;
  line-height: 3vw;
}

.text-block-14.orginal.blue {
  color: #0b3f6d;
}

.text-block-14.orginal.blue.korund {
  color: #6d0000;
}

.text-block-14.orginal.blue.takforband {
  color: #fff;
}

.text-block-14.orginal.blue.industri {
  color: var(--white);
}

.text-block-14.orginal.betong {
  color: rgba(0, 0, 0, .8);
}

.listbox {
  padding-left: 0;
  font-size: 1.4vw;
  line-height: 2vw;
}

.listbox.orginal {
  color: #226531;
  font-family: Open Sans, sans-serif;
  font-size: 2vw;
  line-height: 4vw;
}

.listbox.orginal.blue {
  color: #0b3f6d;
}

.listbox.orginal.blue.korund {
  color: #6d0000;
}

.listbox.orginal.blue.takforband, .listbox.orginal.blue.industro {
  color: var(--white);
}

.listbox.orginal.betong {
  color: rgba(0, 0, 0, .8);
}

.therm-container {
  color: #0b3f6d;
}

.linkblock-industri {
  text-decoration: none;
}

.image-7 {
  display: none;
}

.column-3 {
  text-align: center;
}

.div-block-18 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: ". ."
                 ". ."
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 3vw;
  display: grid;
}

.div-block-19 {
  margin-left: 1vw;
}

.image-8 {
  align-self: auto;
}

.boldtextbetong {
  line-height: 2.7vw;
}

.div-block-20 {
  background-image: url('../images/korund-001.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .5vw;
}

.div-block-21 {
  height: 30vw;
  background-image: url('../images/Thermacoat-002.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid rgba(0, 0, 0, .2);
  margin-top: 3vw;
}

.newstext, .text-block-15 {
  font-size: 1.5vw;
  line-height: 1.9vw;
}

.content-dokument {
  padding: 4vw;
}

.dokument-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "."
                 "."
                 "."
                 "."
                 "."
                 "."
                 / 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.dokument-text {
  font-size: 1.5vw;
  line-height: 2.5vw;
}

.dokument-link {
  color: #191919;
  text-decoration: none;
}

.dokument-text-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "."
                 "."
                 "."
                 "."
                 "."
                 / 1fr;
  grid-auto-columns: 1fr;
  margin-left: 5vw;
  margin-right: 5vw;
  display: grid;
}

.dokument-text_link {
  color: #242323;
  margin-bottom: .5vw;
  font-size: 1.5vw;
  line-height: 2vw;
  text-decoration: none;
  display: block;
}

.dokument-div-logo {
  margin-left: auto;
  margin-right: auto;
}

.div-block-doc-logo {
  grid-column-gap: 26px;
  grid-row-gap: 16px;
  grid-template: ". ."
  / .25fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 2vw;
  display: grid;
}

.dokument-logo {
  width: 15vw;
  height: 3vw;
  background-image: url('../images/thermacote.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  align-self: center;
}

.dokument-logo.takforband {
  background-position: 0 0;
}

.dokument-logo.korund {
  height: 3vw;
  background-image: url('../images/korund-logo-001.jpg');
  background-position: 0%;
  background-size: contain;
  align-self: end;
}

.dokument-logo-undertext {
  color: #5c5c5c;
  align-self: end;
  font-family: Oswald, sans-serif;
  font-size: 1.5vw;
  font-weight: 700;
  line-height: 3vw;
}

.dokument-ul-list {
  margin-bottom: 2vw;
  padding-left: 2.5vw;
  font-size: 1.5vw;
  list-style-type: disc;
}

.dokument-frame-div {
  min-height: 10vh;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 1vw;
  margin-bottom: 3vw;
  padding: 3vw;
}

.text-block-16, .text-block-17, .text-block-18, .text-block-19, .text-block-20, .text-block-21, .text-block-22, .text-block-23, .text-block-24, .text-block-25, .text-block-26, .text-block-27, .text-block-28 {
  color: #226531;
}

.div-movie {
  min-height: 50vh;
  min-width: 90vw;
  background-color: #00a4e0;
  display: none;
}

.background-video {
  z-index: 20000;
  margin: 1vw 10vw;
}

.body-5 {
  color: var(--white);
  background-color: #186112;
  font-size: 1.2vw;
  line-height: 2vw;
}

.section-1 {
  margin-top: 7vw;
  padding-left: 10vw;
  padding-right: 10vw;
}

.frontside-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: linear-gradient(#000, #2a7a23);
  border: 1px solid #fff;
  flex-direction: column;
  grid-template-rows: 4vw auto 2vw;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 1vw 2vw;
  display: grid;
}

.my-head-2 {
  color: #fff;
  text-align: center;
  margin-bottom: 2vw;
  font-size: 1.6vw;
  font-weight: 600;
}

.section-11 {
  background-color: rgba(10, 10, 10, .33);
  padding: 5vw 10vw;
}

.div-block-23 {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.certifikat-image-div {
  height: 12vw;
  background-color: #fff;
}

.certifikat-image-div.voc {
  background-image: url('../images/voc-free.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.certifikat-image-div.cero {
  background-image: url('../images/ecocoat-voc.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.certifikat-image-div.ce {
  background-color: #fff;
  background-image: url('../images/ce-mark.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.certifikat-image-div.krav {
  background-image: url('../images/krav_marke_farg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.certifikat-image-div.footprint {
  background-image: url('../images/carbonfootprint.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.certifikat-image-div.ecrc {
  background-image: url('../images/ecrc.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.certifikat-image-div.rc {
  background-image: url('../images/crrs.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.certifikat-image-div.casta {
  background-image: url('../images/castagra-applicator.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.certifikat-image-div.sgbc {
  background-image: url('../images/SGBC-2-RGB-rund.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.certifikat-image-div.bvb {
  background-image: url('../images/logo-bvb.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.certifikat-image-div.green {
  background-image: url('../images/certified-green.jpg');
  background-position: 50%;
  background-size: contain;
}

.certifikat-image-div.eu {
  background-image: url('../images/EU_Organic_Logo_Colour_OuterLine_rgb.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.grid-7 {
  grid-column-gap: 2vw;
  grid-row-gap: 3vw;
  grid-template-columns: 1fr 1fr;
}

.personal-div {
  background-color: rgba(0, 0, 0, .45);
  border: 2px solid #858585;
  border-radius: 1vw;
  padding-left: 3vw;
  padding-right: 3vw;
}

.div-punktlista {
  margin-bottom: 1vw;
}

.thermacote-pa-tak {
  width: 39vw;
  height: 39vw;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
}

.thermacote-pa-tak.fyra-columner {
  width: auto;
  height: auto;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid #3d9157;
  border-radius: 1vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 2vw;
  display: grid;
}

.grid-8 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.navbar-2 {
  height: 6.3vw;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  border-bottom: 1px solid #fff;
  position: -webkit-sticky;
  position: sticky;
}

.grid-9 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.section-5 {
  background-color: rgba(10, 10, 10, .33);
  padding: 5vw 10vw 10vw;
}

.fta-text {
  z-index: 10;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -27vw;
  display: flex;
  position: relative;
}

.dropdown-list {
  background-color: #186112;
}

.dropdown-list.w--open {
  border: 1px solid #fff;
}

.grid-10 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-top: 5vw;
  margin-bottom: 5vw;
}

.grid-11 {
  grid-template-columns: 1fr 1fr 1fr;
}

.section-3 {
  background-color: rgba(10, 10, 10, .33);
  padding: 10vw;
}

.section-10 {
  padding: 5vw 10vw;
}

.text-block-30 {
  color: #fff;
  text-align: center;
  margin-bottom: 1vw;
}

.section-7 {
  background-color: rgba(10, 10, 10, .33);
  padding: 10vw;
}

.my-head-1 {
  color: #fff;
  text-align: center;
  margin-bottom: 2vw;
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 6.5vw;
}

.my-head-1.left {
  text-align: left;
}

.section-9 {
  background-color: rgba(10, 10, 10, .33);
  padding: 5vw 10vw;
}

.list {
  color: #fff;
  padding-left: 2vw;
}

.icon-2 {
  margin-top: 2.2vw;
  margin-bottom: 1.7vw;
  margin-right: 1.5vw;
  padding-left: 3.1vw;
}

.grid-12 {
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 3vw;
}

.my-head-3 {
  color: #fff;
  text-align: center;
  margin-bottom: 1vw;
  font-size: 2.5vw;
  font-weight: 700;
  line-height: 5vw;
}

.my-head-3.personal {
  margin-bottom: 0;
  padding-top: .5vw;
  padding-bottom: .5vw;
  font-size: 1.8vw;
  line-height: 3.6vw;
}

.section-13 {
  background-color: rgba(10, 10, 10, .33);
  padding: 5vw 10vw;
}

.grid-13 {
  grid-template-rows: auto;
}

.kontakt-text {
  color: #fff;
  text-align: center;
  font-size: 2.5vw;
  font-weight: 700;
  line-height: 3vw;
}

.kontakt-text.adress {
  font-size: 2vw;
  font-weight: 600;
}

.div-block-24 {
  overflow: hidden;
}

.rubrik-3 {
  color: #fff;
  text-align: center;
  font-size: 2.5vw;
  line-height: 3.5vw;
}

.rubrik-3.om-oss {
  margin-top: 4vw;
  margin-bottom: 2vw;
  font-size: 3vw;
  font-weight: 700;
  line-height: 4vw;
}

.rubrik-3.left {
  text-align: left;
  margin-bottom: 1vw;
  margin-left: 1vw;
}

.rubrik-3.ecocoat-systems {
  margin-bottom: 4vw;
}

.rubrik-3.ecocoat-systems.botten {
  margin-top: 4vw;
}

.rubrik-3.tva {
  margin-bottom: 3vw;
}

.nav-link-2 {
  color: #fff;
  padding: 1.7vw;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.section-4 {
  padding: 10vw;
}

.front-top-animation {
  width: 70vw;
  min-height: 40vw;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area-Image Area-Image"
                 "Area-Image Area-Image"
                 "Area-Image Area-Image"
                 / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tc-img {
  width: 100%;
  height: 14vw;
  background-image: url('../images/Thermacote-Tak-4.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #fff;
}

.tc-img.fyra {
  background-position: 50%;
}

.tc-img.tre {
  background-image: url('../images/Thermacote-Tak-3.jpg');
  background-size: cover;
}

.tc-img.tva {
  width: 100%;
  background-image: url('../images/Thermacote-Tak-1.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.tc-img.ett {
  background-image: url('../images/Thermacote-Tak-2.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.rubrik-2 {
  color: #fff;
  text-align: center;
  font-size: 3vw;
  font-weight: 600;
  line-height: 5vw;
}

.rubrik-2.thermacote-tak {
  text-align: left;
  margin-top: -1vw;
  margin-bottom: 2vw;
  font-size: 4vw;
}

.rubrik-2.revolutionerande {
  margin-bottom: 3vw;
  font-size: 4vw;
  font-weight: 600;
  line-height: 7vw;
}

.rubrik-2.ecocoat-systems {
  margin-top: 2vw;
  margin-bottom: 2vw;
  font-size: 7vw;
  font-weight: 700;
  line-height: 7vw;
}

.grid-14 {
  grid-template-columns: 1fr 1fr 1fr;
}

.my-container {
  padding-left: 10vw;
  padding-right: 10vw;
}

.section-top {
  height: 0;
}

.my-text-4 {
  color: #fffcfc;
  text-align: center;
  font-size: 2.5vw;
  font-weight: 600;
  line-height: 4vw;
}

.my-text-4.ecocoatslogan {
  margin-top: 6vw;
  margin-bottom: 6vw;
}

.block-anvandningsomraden {
  background-color: rgba(0, 0, 0, .4);
  flex-direction: column;
  justify-content: flex-start;
  padding: 3vw;
  display: flex;
  box-shadow: 6px 6px 3px rgba(0, 0, 0, .78);
}

.my-text-3 {
  color: #fffdfd;
  letter-spacing: 0;
  margin-bottom: 1vw;
  font-size: 1.5vw;
  line-height: 2.5vw;
}

.my-text-3.kontakt {
  text-align: center;
  margin-bottom: 4vw;
}

.my-text-3.punktlista {
  margin-left: 2vw;
}

.white-text {
  color: #fff;
  margin-bottom: .5vw;
}

.white-text.under {
  text-align: center;
  font-size: 1.5vw;
  font-weight: 600;
}

.white-text.beforeafter, .white-text.center {
  text-align: center;
}

.front-top-animation-section {
  padding-top: 3vw;
  padding-left: 15vw;
  padding-right: 15vw;
  display: none;
}

.link-center-div {
  display: flex;
}

.image-10 {
  border: 1px solid #858585;
  border-radius: 1vw;
  margin-bottom: 2vw;
}

.section-8, .section-6 {
  padding: 5vw 10vw;
}

.grid-15 {
  grid-column-gap: 3vw;
  grid-row-gap: 1vw;
  grid-template-rows: auto;
  margin-top: 6vw;
}

.text-block-31 {
  opacity: 0;
  color: #fffdfd;
  text-align: center;
  letter-spacing: .75vw;
  text-transform: uppercase;
  text-shadow: 3px 3px 6px #000;
  font-size: 2.75vw;
  font-weight: 600;
  line-height: 4vw;
}

.grid-16 {
  grid-template-rows: auto;
  margin-top: 4vw;
}

.brand-2 {
  width: 18vw;
  height: 6vw;
  background-image: url('../images/Isolt-logo-green-white-01.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 0;
  padding-left: 0;
  top: 1.1vw;
}

.section-2 {
  padding: 5vw 10vw;
}

.front-animation-image01 {
  width: 100%;
  height: 100%;
  -webkit-text-fill-color: inherit;
  background-image: url('../images/miljövänligt.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: border-box;
}

.section-12 {
  border: 1px solid #349d3e;
  padding: 5vw 10vw;
}

.personal-head-text {
  color: var(--white);
  text-align: center;
  margin-bottom: 1vw;
}

.personal-head-text.transparent {
  color: rgba(255, 255, 255, 0);
}

.section-1-1 {
  display: none;
}

.my-text-punktlista {
  padding-left: .5vw;
  font-size: 1.5vw;
  line-height: 2.4vw;
}

.dropdown-toggle {
  color: #fff;
  padding: 1.7vw;
  font-weight: 600;
}

.dropdown-toggle.w--open {
  background-color: #186112;
}

.isolt-links {
  color: #fff;
  margin-left: auto;
  margin-right: auto;
}

.my-text-2 {
  color: #fff;
  margin-top: 1vw;
}

.rubrik-punktlista {
  color: #fff;
  font-size: 2vw;
  font-weight: 600;
  line-height: 3vw;
}

@media screen and (max-width: 991px) {
  .mybody {
    width: 100vw;
  }

  .address-bar {
    height: 2.3vw;
    background-image: linear-gradient(270deg, #000 53%, #fff 70%);
    font-size: 1.2vw;
    line-height: 1.5vw;
  }

  .text-top-bar {
    font-size: 1.2vw;
    line-height: 1.5vw;
  }

  .navmenu {
    background-color: rgba(0, 0, 0, .8);
  }

  .nav-link {
    color: var(--white);
    text-align: right;
    font-size: 3vw;
    line-height: 4.3vw;
  }

  .mycontainer {
    display: none;
  }

  .main-grid {
    height: 100vh;
    grid-column-gap: 9px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .div-block-2 {
    align-self: auto;
  }

  .div-block-2.repairtape {
    height: 34vw;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-2.start {
    min-height: 60vw;
    min-width: auto;
    grid-column-gap: 16px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-self: auto;
    margin-top: auto;
    margin-bottom: auto;
    display: grid;
  }

  .div-thermacote {
    height: 5vw;
    align-self: start;
    margin-top: 1.5vw;
    font-size: 3vw;
    line-height: 3.3vw;
  }

  .polueretan-text {
    align-self: end;
    margin: 2vw;
    padding: 0;
    font-size: 1.5vw;
    line-height: 1.5vw;
    display: inline-block;
  }

  .heading {
    min-height: 25vw;
    font-size: 4vw;
    line-height: 5vw;
  }

  .paragraph {
    font-size: 2vw;
    line-height: 3vw;
  }

  .filter-item {
    margin-right: 1vw;
  }

  .button {
    font-size: 1.5vw;
    line-height: 2.5vw;
  }

  .bold-text {
    margin-top: 0;
    font-size: 4vw;
    line-height: 5vw;
    display: block;
  }

  .heading-7 {
    font-size: 2vw;
    line-height: 3vw;
  }

  .filter-title {
    margin-left: 11px;
    font-size: 1.5vw;
    line-height: 3vw;
  }

  .mycategory {
    font-size: 1.5vw;
    line-height: 2.5vw;
  }

  .producttitle {
    font-size: 4vw;
    line-height: 6vw;
  }

  .project-title {
    font-size: 4vw;
    line-height: 5.3vw;
  }

  .project-paragraph, .text-block-2 {
    font-size: 2vw;
    line-height: 2.3vw;
  }

  .products-title {
    font-size: 4vw;
    line-height: 5vw;
  }

  .movie-container {
    border-top-left-radius: 1vw;
    border-top-right-radius: 1vw;
  }

  .heading-11 {
    font-size: 4vw;
    line-height: 5vw;
  }

  .text-block-6, .button2 {
    font-size: 1.5vw;
    line-height: 2vw;
  }

  .paragraph-3 {
    margin-bottom: 2vw;
    font-size: 2vw;
    line-height: 3vw;
  }

  .columns-2 {
    margin-top: 3vw;
  }

  .buttonprojekt {
    font-size: 1.5vw;
    line-height: 2vw;
  }

  .movie-title {
    font-size: 2.5vw;
    line-height: 3.5vw;
  }

  .om-oss-title {
    font-size: 5vw;
    line-height: 7vw;
  }

  .om-oss-paragraph, .senaste-nytt-lnktext {
    font-size: 2vw;
    line-height: 3vw;
  }

  .button-3 {
    font-size: 2vw;
    line-height: 2.3vw;
  }

  .buttondokument, .buttonfilmer {
    font-size: 1.5vw;
    line-height: 2vw;
  }

  .myheader {
    font-size: 5vw;
    line-height: 7vw;
  }

  .textblockmobile {
    color: var(--white);
    background-color: rgba(0, 0, 0, .57);
    border-radius: .5vw;
    align-self: end;
    margin: 2vw;
    padding: 1vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .frontcontainer {
    grid-template: ". . ." 1fr
                   ". . ."
                   / 1fr 1fr 1fr;
  }

  .newsflashbody {
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .newflashtitle {
    font-size: 4.5vw;
    line-height: 6vw;
  }

  .newsflashdate {
    font-size: 1.5vw;
    line-height: 3vw;
  }

  .menu-button {
    background-color: var(--white);
    padding: 3vw;
  }

  .menu-button.w--open {
    background-color: var(--white);
  }

  .icon {
    background-color: var(--white);
    color: rgba(0, 0, 0, .6);
    font-size: 8vw;
    line-height: 8vw;
  }

  .paragraph-4 {
    font-size: 2vw;
    line-height: 3vw;
  }

  .text-block-8 {
    font-size: 3vw;
    line-height: 4vw;
  }

  .text-block-9 {
    font-size: 2.8vw;
    line-height: 4vw;
  }

  .heading-13, .heading-14 {
    font-size: 3vw;
    line-height: 3.2vw;
  }

  .heading-15 {
    font-size: 2vw;
    line-height: 2.3vw;
  }

  .container-anvandningsomraden {
    padding: 2vw;
  }

  .head1 {
    width: auto;
    min-height: 6vw;
    float: none;
    align-self: start;
    padding: 1.5vw;
    font-size: 3vw;
    line-height: 3vw;
  }

  .rich-text-block {
    font-size: 1.8vw;
    line-height: 2vw;
  }

  .text-block-10 {
    align-self: end;
    padding: 1.75vw;
    font-size: 1.7vw;
    line-height: 2vw;
  }

  .frontcard {
    grid-template-rows: 3vw 29vw 4vw;
    grid-template-areas: "."
                         "."
                         ".";
  }

  .headtext3, .div-block-13 {
    margin-left: 2vw;
    margin-right: 2vw;
  }

  .front-slider {
    max-width: 95vw;
  }

  .slide {
    max-width: 96vw;
  }

  .mask {
    min-height: 30vw;
  }

  .headerlogo {
    margin-bottom: 0;
  }

  .div-block-14 {
    width: 20vw;
    height: 12vw;
  }

  .read-more-front {
    margin: 13vw 5vw 11vw;
    padding: 2vw;
    font-size: 2vw;
    line-height: 2.3vw;
  }

  .info-ruta-container {
    margin-top: 5vw;
    margin-left: 2vw;
    margin-right: 2vw;
    padding-top: 2vw;
  }

  .info-ruta-1 {
    height: 25vw;
    align-self: stretch;
  }

  .link-block-6 {
    width: 100%;
  }

  .slide-2 {
    min-height: 25vw;
  }

  .image-6 {
    display: none;
  }

  .tab-link-product, .tab-link-product.w--current {
    padding-left: auto;
    padding-right: auto;
  }

  .tab-textblock {
    display: block;
  }

  .pb-heading.orginal {
    font-size: 7vw;
    line-height: 7vw;
  }

  .pb-heading3.orginal {
    margin-top: 3vw;
    margin-bottom: 2vw;
    font-size: 5vw;
    line-height: 5vw;
  }

  .text-block-14.orginal {
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .listbox.orginal {
    font-size: 2.5vw;
  }

  .therm-container {
    margin-left: auto;
    margin-right: auto;
  }

  .newstext, .text-block-15 {
    font-size: 2vw;
    line-height: 3vw;
  }

  .menu-button-2 {
    padding: 2vw;
  }

  .menu-button-2.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .frontside-block {
    grid-column-gap: 16px;
    grid-row-gap: 0px;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    padding-left: 2vw;
    padding-right: 2vw;
    display: grid;
  }

  .thermacote-pa-tak.fyra-columner {
    border-color: #3d9157;
    grid-template-rows: auto auto auto;
  }

  .navbar-2 {
    height: 6.3vw;
  }

  .section-5 {
    background-image: linear-gradient(#144209, #fff);
  }

  .dropdown-list.w--open {
    padding-left: 5vw;
  }

  .my-head-1 {
    color: #fff;
    text-align: center;
    margin-top: 1vw;
    margin-bottom: 3vw;
    font-size: 4vw;
    font-weight: 700;
    line-height: 5vw;
  }

  .nav-link-2 {
    font-size: 2vw;
    line-height: 4vw;
  }

  .tc-img {
    width: 100%;
    background-position: 0 0;
    background-size: contain;
    border: 2px solid #fff;
  }

  .tc-img.tre, .tc-img.tva {
    background-size: cover;
  }

  .tc-img.ett {
    background-position: 0 0;
    background-size: cover;
  }

  .nav-menu {
    background-color: #082a0b;
  }

  .block-anvandningsomraden {
    border-radius: 1vw;
  }

  .white-text.under, .white-text.beforeafter {
    text-align: center;
  }

  .icon-3 {
    color: #349d3e;
  }

  .brand-2 {
    width: 16vw;
    height: 6vw;
  }

  .dropdown-toggle {
    font-size: 2vw;
    line-height: 4vw;
  }
}

@media screen and (max-width: 767px) {
  .mybody {
    height: auto;
  }

  .nav-link, .nav-link.w--current {
    font-size: 5vw;
    line-height: 8vw;
  }

  .button {
    font-size: 2.5vw;
    line-height: 5vw;
  }

  .project-title {
    font-size: 6vw;
    line-height: 8.3vw;
  }

  .project-paragraph {
    font-size: 4vw;
    line-height: 5.3vw;
  }

  .text-block-6, .button2 {
    font-size: 2vw;
    line-height: 3vw;
  }

  .paragraph-3 {
    font-size: 3vw;
    line-height: 4vw;
  }

  .columns-2 {
    margin-top: 4vw;
  }

  .buttonprojekt {
    margin-bottom: 1vw;
    font-size: 2vw;
    line-height: 3vw;
  }

  .om-oss-title {
    font-size: 6vw;
    line-height: 8vw;
  }

  .om-oss-paragraph {
    font-size: 4vw;
    line-height: 6vw;
  }

  .button-3 {
    font-size: 3vw;
    line-height: 3.3vw;
  }

  .buttondokument, .buttonfilmer {
    margin-bottom: 1vw;
    font-size: 2vw;
    line-height: 3vw;
  }

  .paragraph-4 {
    font-size: 3vw;
    line-height: 4vw;
  }

  .produktblad-container {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .pb-heading.orginal {
    line-height: 8vw;
  }

  .section-1-1 {
    margin-top: 20vw;
  }
}

@media screen and (max-width: 479px) {
  .mybody.frontmobile {
    background-color: #ee820f;
  }

  .nav-link, .nav-link.w--current {
    font-size: 8vw;
    line-height: 14vw;
  }

  .mycontainer.contact {
    min-height: 80vh;
    padding: 0;
  }

  .div-block-2 {
    height: 68vw;
    align-self: auto;
  }

  .div-block-2.repairtape {
    height: 80vh;
    grid-template-rows: auto;
    grid-template-areas: ".";
  }

  .div-block-2.start {
    width: 100%;
    height: 80vh;
    grid-column-gap: 0px;
    background-image: url('../images/thermacote-1.jpg'), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-position: 50%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: cover, auto;
    align-self: auto;
    padding: 0;
  }

  .div-thermacote {
    height: 12vw;
    align-self: start;
    margin: 3vw;
    font-size: 8vw;
    line-height: 10vw;
  }

  .polueretan-text {
    align-self: end;
    font-size: 4vw;
    line-height: 5vw;
  }

  .paragraph {
    font-size: 4vw;
    line-height: 5vw;
  }

  .button {
    padding: 1.2vw 2vw;
    font-size: 3.5vw;
    line-height: 7vw;
  }

  .htmlembed {
    display: block;
  }

  .bold-text {
    font-size: 6vw;
    line-height: 8vw;
  }

  .filter-title {
    font-size: 2.5vw;
  }

  .producttitle {
    font-size: 5vw;
    line-height: 7vw;
  }

  .text-block-2 {
    font-size: 4vw;
    line-height: 5.3vw;
  }

  .products-title {
    font-size: 5vw;
    line-height: 7vw;
  }

  .heading-10 {
    font-size: 8vw;
    line-height: 10vw;
  }

  .contactformcontent {
    padding: 0;
  }

  .contacttext {
    font-size: 3.2vw;
    line-height: 4vw;
  }

  .contactname {
    font-size: 3.5vw;
    line-height: 4.5vw;
  }

  .contactcolumns {
    padding-top: 4vw;
  }

  .contactblocktitle {
    font-size: 3vw;
    line-height: 4vw;
  }

  .mydivider {
    height: 7vw;
  }

  .om-oss-content {
    grid-row-gap: 28px;
    grid-template-rows: 1.5fr auto auto auto auto;
    grid-template-areas: ". . . ."
                         ". . . ."
                         ". . . ."
                         ". . . ."
                         ". . . .";
  }

  .nyheterdatum {
    font-size: 4vw;
    line-height: 5vw;
  }

  .heading-12 {
    font-size: 6vw;
    line-height: 7vw;
  }

  .text-block-6 {
    font-size: 4vw;
    line-height: 6vw;
  }

  .button2 {
    margin-bottom: 1vw;
    font-size: 4.5vw;
    line-height: 8vw;
  }

  .paragraph-3 {
    font-size: 4vw;
    line-height: 5vw;
  }

  .columns-2 {
    margin-top: 5vw;
  }

  .buttonprojekt {
    font-size: 4.5vw;
    line-height: 8vw;
  }

  .om-oss-title {
    margin-bottom: 0;
    font-size: 10vw;
    line-height: 12vw;
  }

  .senaste-nytt-lnktext {
    font-size: 4vw;
    line-height: 5vw;
  }

  .button-3 {
    font-size: 4vw;
    line-height: 4.3vw;
  }

  .buttondokument {
    margin-bottom: 5vw;
    font-size: 4.5vw;
    line-height: 8vw;
  }

  .buttonfilmer {
    font-size: 4.5vw;
    line-height: 8vw;
  }

  .myheader {
    font-size: 8vw;
    line-height: 10vw;
  }

  .textblockmobile {
    align-self: end;
    font-size: 4vw;
    line-height: 5vw;
  }

  .frontcontainer {
    grid-row-gap: 4vh;
    grid-template: "." 1fr
                   "."
                   "."
                   "."
                   / 4.25fr;
    margin: 0;
  }

  .newsflashbody {
    font-size: 4vw;
    line-height: 6vw;
  }

  .newflashtitle {
    font-size: 6vw;
    line-height: 8vw;
  }

  .newsflashdate {
    font-size: 3vw;
    line-height: 5vw;
  }

  .icon {
    font-size: 15vw;
    line-height: 15vw;
  }

  .paragraph-4 {
    font-size: 4vw;
    line-height: 5vw;
  }

  .image-5 {
    text-align: center;
    display: block;
  }

  .heading-13, .heading-14 {
    font-size: 5vw;
    line-height: 6vw;
  }

  .heading-15 {
    font-size: 4vw;
    line-height: 5vw;
  }

  .head1 {
    min-height: 15vw;
    background-color: #000;
    align-self: start;
    padding-top: 3vw;
    font-size: 10vw;
    line-height: 12vw;
  }

  .rich-text-block {
    font-size: 3vw;
    line-height: 3.5vw;
  }

  .heading-19 {
    padding-top: 4vw;
    padding-bottom: 4vw;
  }

  .div-block-11 {
    grid-template: "." 2fr
                   "." 1fr
                   "." 1fr
                   "." 1fr
                   "." 1fr
                   "." .5fr
                   / 1fr;
    margin-bottom: 10vw;
  }

  .div-block-11.korund {
    grid-row-gap: 16px;
    grid-template: ". ." 1fr
                   ". ." 1fr
                   ". ." 1fr
                   ". ." 1fr
                   ". ." 1fr
                   ". ." 1fr
                   / 1fr 1fr;
    grid-auto-rows: 1fr;
  }

  .myhead1 {
    min-height: 20vw;
  }

  .myhead1.round {
    width: 30vw;
    height: 30vw;
    align-self: start;
    margin-top: 3vh;
  }

  .myhead1.ett {
    align-self: auto;
  }

  .myhead1-text {
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .myhead1-text.round {
    font-size: 3vw;
    line-height: 4vw;
  }

  .bold-text-2 {
    font-size: 5vw;
    line-height: 6vw;
  }

  .bold-text-2.takforband {
    font-size: 8vw;
    line-height: 10vw;
  }

  .div-block-12 {
    background-position: 50%;
  }

  .text-block-10 {
    background-color: #000;
    align-self: end;
    font-size: 5vw;
    line-height: 10vw;
  }

  .frontcard {
    grid-template-rows: 3vw auto 4vw;
  }

  .front-slider {
    height: 20vh;
    max-width: 100vw;
  }

  .slide {
    max-width: 100vw;
    min-height: 30vh;
  }

  .headerlogo {
    height: 10vh;
    min-height: auto;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .div-block-14 {
    width: 50vw;
    height: 25vw;
    margin-left: 0;
  }

  .what-is-thermacote-div {
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .link-documents {
    font-size: 4vw;
    line-height: 6vw;
  }

  .link-block-div-documents {
    padding: 4vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .text-document {
    font-size: 4vw;
    line-height: 6vw;
  }

  .read-more-front {
    margin-top: 35vh;
    font-size: 6vw;
    line-height: 18vw;
  }

  .info-ruta-container {
    grid-row-gap: 8px;
    grid-template: "."
                   "."
                   "."
                   "."
                   / 1fr;
    margin-top: 4vh;
    margin-bottom: 4vh;
  }

  .info-ruta-1 {
    width: 90vw;
    height: 70vw;
    align-self: stretch;
  }

  .info-ruta-1.sakerhet {
    align-self: stretch;
  }

  .rich-text-block-3 {
    font-size: 4vw;
    line-height: 5vw;
  }

  .grid-6 {
    grid-row-gap: 16px;
    grid-template: "."
                   "."
                   "."
                   "."
                   / 1fr;
  }

  .radio-button-field {
    font-size: 3vw;
    line-height: 4vw;
  }

  .radio-button-field-2 {
    font-size: 3vw;
    line-height: 3vw;
  }

  .field-label {
    font-size: 3vw;
    line-height: 4vw;
  }

  .radio-button-label {
    line-height: 4vw;
  }

  .field-label-2, .field-label-3, .field-label-4, .field-label-5, .field-label-6, .link-3, .submit-button-2 {
    font-size: 3vw;
    line-height: 4vw;
  }

  .mycontent {
    padding-left: 0;
    padding-right: 0;
  }

  .mytab {
    margin-bottom: 2vw;
  }

  .myhead1-text-2 {
    font-size: 4vw;
    line-height: 5vw;
  }

  .myhead1-text-2.cirkel {
    font-size: 3.2vw;
    line-height: 3.5vw;
  }

  .bold-text-3 {
    font-size: 5vw;
    line-height: 6vw;
  }

  .tab-link-product {
    width: 90vw;
    margin-top: 2vw;
    margin-left: 5vw;
  }

  .tab-textblock {
    font-size: 4vw;
    line-height: 5vw;
  }

  .produktblad-container {
    margin-bottom: 1px;
    padding: 7vw 2vw;
  }

  .pb-heading.orginal {
    font-size: 9vw;
    line-height: 10vw;
  }

  .pb-heading.orginal.blue {
    margin-bottom: 7vw;
  }

  .pb-heading3.orginal {
    font-size: 7vw;
    line-height: 7vw;
  }

  .pb-heading3.orginal.blue {
    margin-top: 5vw;
    margin-bottom: 3vw;
  }

  .text-block-14.orginal {
    font-size: 4vw;
    line-height: 6vw;
  }

  .text-block-14.orginal.blue {
    margin-bottom: 7vw;
  }

  .listbox.orginal {
    font-size: 4vw;
    line-height: 6vw;
  }

  .therm-container {
    width: 90%;
  }

  .div-block-21 {
    height: 100vw;
    background-position: 35%;
    background-size: cover;
  }

  .newstext, .text-block-15 {
    font-size: 5vw;
    line-height: 8vw;
  }

  .dokument-text_link {
    font-size: 4vw;
    line-height: 10vw;
    text-decoration: none;
  }

  .div-block-doc-logo {
    grid-row-gap: 6px;
    grid-template: "." 15vw
                   "." 10vw
                   / auto;
  }

  .dokument-logo {
    width: 100%;
    height: 15vw;
    background-image: url('../images/thermacote.jpg');
    background-position: 50% 0;
    background-size: 250px;
    align-self: center;
  }

  .dokument-logo.takforband {
    background-position: 50% 0;
    align-self: start;
  }

  .dokument-logo.korund {
    width: 100%;
    height: 10vw;
    background-position: 50%;
    align-self: center;
  }

  .dokument-logo-undertext {
    text-align: center;
    align-self: center;
    font-size: 7vw;
    line-height: 9vw;
  }

  .dokument-ul-list {
    margin-left: 12vw;
    margin-right: 12vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .dokument-frame-div {
    margin-top: 3vw;
    margin-left: 1vw;
    margin-right: 1vw;
  }

  .menu-button-2 {
    padding: 5vw 2vw 5vw 5vw;
  }

  .section-1 {
    margin-top: 20vw;
    display: none;
  }

  .frontside-block {
    grid-template-rows: auto 1fr auto;
    padding-top: 2vw;
    padding-bottom: 2vw;
  }

  .my-head-2 {
    font-size: 5vw;
    line-height: 8vw;
  }

  .section-11 {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .certifikat-image-div {
    height: 24vw;
  }

  .grid-7 {
    grid-row-gap: 9vw;
    grid-template-columns: 1fr;
  }

  .thermacote-pa-tak {
    width: auto;
    height: auto;
  }

  .thermacote-pa-tak.fyra-columner {
    grid-row-gap: 4px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 5vw;
  }

  .grid-8 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .navbar-2 {
    height: 16vw;
    background-color: rgba(0, 0, 0, .44);
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .grid-9 {
    grid-template-columns: 1fr;
  }

  .section-5 {
    background-image: none;
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .dropdown-list.w--open {
    background-color: #082a0b;
    border-style: none;
  }

  .grid-10 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .grid-11 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .section-3 {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .background-video-3 {
    height: 70vw;
  }

  .section-10 {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .text-block-30 {
    font-size: 4vw;
    line-height: 6vw;
  }

  .section-7 {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .my-head-1 {
    margin-bottom: 8vw;
    font-size: 8vw;
    line-height: 10vw;
  }

  .section-9 {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .grid-12 {
    grid-row-gap: 41px;
    grid-template-columns: 1fr;
  }

  .my-head-3 {
    font-size: 7vw;
    line-height: 12vw;
  }

  .my-head-3.personal {
    font-size: 7vw;
    line-height: 14vw;
  }

  .section-13 {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .grid-13 {
    grid-template-columns: 1fr;
  }

  .kontakt-text {
    font-size: 6vw;
    line-height: 9vw;
  }

  .kontakt-text.adress {
    margin-bottom: 10vw;
    font-size: 4vw;
    line-height: 7vw;
  }

  .rubrik-3 {
    font-size: 4vw;
    font-weight: 800;
    line-height: 7vw;
  }

  .rubrik-3.om-oss {
    margin-top: 10vw;
    font-size: 7vw;
    line-height: 12vw;
  }

  .rubrik-3.left {
    font-size: 6vw;
    line-height: 12vw;
  }

  .rubrik-3.ecocoat-systems {
    margin-bottom: 7vw;
    font-weight: 800;
  }

  .rubrik-3.tva {
    margin-bottom: 4vw;
    font-size: 5vw;
    font-weight: 600;
    line-height: 7vw;
  }

  .nav-link-2 {
    font-size: 6vw;
    line-height: 10vw;
  }

  .section-4 {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .tc-img {
    width: 100%;
    height: 28vw;
  }

  .tc-img.tre {
    width: 100%;
  }

  .rubrik-2.thermacote-tak {
    text-align: left;
    font-size: 6vw;
    line-height: 10vw;
  }

  .rubrik-2.revolutionerande {
    margin-bottom: 4vw;
    font-size: 7.3vw;
    font-weight: 700;
    line-height: 10vw;
  }

  .rubrik-2.ecocoat-systems {
    font-size: 10vw;
    line-height: 12vw;
  }

  .nav-menu {
    padding: 3vw;
  }

  .grid-14 {
    grid-template-columns: 1fr;
  }

  .background-video-2 {
    height: 50vw;
    display: none;
  }

  .my-text-4.ecocoatslogan {
    font-size: 5vw;
    line-height: 8vw;
  }

  .my-text-3 {
    margin-bottom: 3vw;
    font-size: 4vw;
    line-height: 7vw;
  }

  .my-text-3.punktlista {
    margin-left: 6.3vw;
  }

  .white-text {
    font-size: 4vw;
    line-height: 6vw;
  }

  .white-text.under {
    text-align: center;
    font-size: 4vw;
    line-height: 8vw;
  }

  .white-text.beforeafter {
    margin-bottom: 0;
    font-size: 3vw;
    line-height: 4vw;
  }

  .white-text.center {
    margin-top: 1vw;
    font-size: 3vw;
    font-weight: 700;
    line-height: 5vw;
  }

  .section-8, .section-6 {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .grid-15, .grid-16 {
    grid-template-columns: 1fr;
  }

  .brand-2 {
    width: 54vw;
    height: 17vw;
    left: -5vw;
  }

  .section-2 {
    padding: 10vw;
  }

  .section-12 {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .personal-head-text {
    font-size: 4vw;
    line-height: 8vw;
  }

  .section-1-1 {
    display: block;
  }

  .my-text-punktlista {
    font-size: 4vw;
    line-height: 8vw;
  }

  .dropdown-toggle {
    font-size: 6vw;
    line-height: 10vw;
  }

  .dropdown-toggle.w--open {
    background-color: #082a0b;
  }

  .isolt-links {
    font-size: 4vw;
    line-height: 8vw;
  }

  .isolt-links.w--current {
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .my-text-2 {
    font-size: 4vw;
    line-height: 6vw;
  }

  .rubrik-punktlista {
    margin-top: 4vw;
    font-size: 6vw;
    line-height: 10vw;
  }
}

#w-node-_01daddfe-81df-1548-7690-3a59f414ebe9-44142ffd {
  grid-area: span 3 / span 4 / span 3 / span 4;
}

#w-node-_01daddfe-81df-1548-7690-3a59f414ec30-44142ffd {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-_01daddfe-81df-1548-7690-3a59f414ec36-44142ffd {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_01daddfe-81df-1548-7690-3a59f414ec38-44142ffd {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_01daddfe-81df-1548-7690-3a59f414ec3a-44142ffd {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_01daddfe-81df-1548-7690-3a59f414ec3c-44142ffd {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-_01daddfe-81df-1548-7690-3a59f414ec42-44142ffd, #w-node-_01daddfe-81df-1548-7690-3a59f414ec4a-44142ffd, #w-node-_01daddfe-81df-1548-7690-3a59f414ec52-44142ffd, #w-node-_01daddfe-81df-1548-7690-3a59f414ec5a-44142ffd, #w-node-_01daddfe-81df-1548-7690-3a59f414ec62-44142ffd, #w-node-_01daddfe-81df-1548-7690-3a59f414ec68-44142ffd, #w-node-_01daddfe-81df-1548-7690-3a59f414eca5-44142ffd, #w-node-_01daddfe-81df-1548-7690-3a59f414ecae-44142ffd, #w-node-_01daddfe-81df-1548-7690-3a59f414ecb7-44142ffd, #w-node-_01daddfe-81df-1548-7690-3a59f414ecc0-44142ffd, #w-node-_01daddfe-81df-1548-7690-3a59f414ecc7-44142ffd, #w-node-_01daddfe-81df-1548-7690-3a59f414ecd0-44142ffd, #w-node-_01daddfe-81df-1548-7690-3a59f414ecd8-44142ffd {
  justify-self: center;
}

#w-node-_01daddfe-81df-1548-7690-3a59f414ed33-44142ffd {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-_01daddfe-81df-1548-7690-3a59f414ed3b-44142ffd {
  grid-area: 1 / 6 / 2 / 9;
}

#w-node-_01daddfe-81df-1548-7690-3a59f414ed44-44142ffd {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_01daddfe-81df-1548-7690-3a59f414ed4c-44142ffd {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_01daddfe-81df-1548-7690-3a59f414ed54-44142ffd {
  grid-area: 1 / 3 / 2 / 4;
}

@media screen and (max-width: 991px) {
  #w-node-_01daddfe-81df-1548-7690-3a59f414ec36-44142ffd {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_01daddfe-81df-1548-7690-3a59f414ec38-44142ffd, #w-node-_01daddfe-81df-1548-7690-3a59f414ec3a-44142ffd, #w-node-_01daddfe-81df-1548-7690-3a59f414ec3c-44142ffd {
    grid-area: 1 / 1 / 2 / 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_01daddfe-81df-1548-7690-3a59f414ec30-44142ffd {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_01daddfe-81df-1548-7690-3a59f414ec32-44142ffd {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_01daddfe-81df-1548-7690-3a59f414ec33-44142ffd {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-_01daddfe-81df-1548-7690-3a59f414ec34-44142ffd {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_01daddfe-81df-1548-7690-3a59f414ec35-44142ffd {
    grid-area: 5 / 2 / 6 / 3;
  }

  #w-node-_01daddfe-81df-1548-7690-3a59f414ec36-44142ffd {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_01daddfe-81df-1548-7690-3a59f414ec38-44142ffd {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_01daddfe-81df-1548-7690-3a59f414ec3a-44142ffd {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_01daddfe-81df-1548-7690-3a59f414ec3c-44142ffd {
    grid-area: 4 / 2 / 5 / 3;
  }

  #w-node-_01daddfe-81df-1548-7690-3a59f414ed33-44142ffd {
    grid-column: 1 / 2;
  }

  #w-node-_01daddfe-81df-1548-7690-3a59f414ed3b-44142ffd, #w-node-_01daddfe-81df-1548-7690-3a59f414ed4c-44142ffd {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_01daddfe-81df-1548-7690-3a59f414ed54-44142ffd {
    grid-area: 3 / 1 / 4 / 2;
  }
}