@charset "UTF-8";
/* CSS Document */

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

 Namn: The world of Kawi
 URL: http://anniki.se
 Företag: Kawiworld
 Författare: Anniki Edén
 
 INNEHÅLL
 Body
 Rubriker 
 Paragrafer
 Listor
 Citat, Blockqoute
 
 Linjer
 Knappar
 
 Ikoner
 Pilar
 Media
 
 Header
 Navigering
 Hamburgermeny
 
 Section Hero
 Section Om
 Section Case
 Section Kontakt
 
 Footer

 Landningssida


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

#spela{
	height:1400px;
	background-color:#222222;
}

#game{
	margin-top:100px;
}




.feature.col p {
  margin-right: 3rem;
}
/* Body */
.hamburgermeny-admin {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  margin-top: 20px !important;
  position: absolute;
  left: 18px;
  z-index: 2000;
}

body {
 word-wrap: break-word;
 background-color: #fefeff!important;
 list-style-type: none;
 font-family: 'lato', serif;
}
#mainmenu {
  height: 80px;
  border-top: 0.5rem solid #b0a1c9;
  background-color: #1f1f53;
}
.mt-4, .my-4 {
  margin-top: -1rem !important;
}
h1 {
 font-family: 'lato', serif;
 text-align: center;
 font-size: 3rem !important;
 font-weight: 300;
 letter-spacing: 0.3rem;
 margin-top:3rem!important;
 margin-bottom:1rem!important;
 color: #fff;
 text-transform: uppercase;
}
h2 {
 font-family: 'lato', serif!important;
 text-align: left;
 font-weight: 500;
 font-size: 3rem;

margin-bottom: 2rem!important;
	font-weight: 300;
}
.display-6 {
  margin-bottom: 2rem;
}
h3 {
 font-family: 'lato', serif!important;
 font-size: 1.2rem;
 text-align: left;
 padding-top: 2rem;
 padding-bottom: 1rem;
 line-height: 26px;
 text-transform: uppercase;
 letter-spacing:0.2rem;
}
h5 {
 font-family: 'Marcellus', serif!important;
 color:rgba(100, 100, 100, 0.4);
 font-size: 1rem!important;
 text-align: left;
 padding-top: 1rem;
 padding-bottom: 1rem;
 line-height: 26px;
 text-transform: uppercase!important;
 letter-spacing:0.2rem!important;
}
h6 {
    font-size: 0.75rem;
    font-style: normal;
    letter-spacing: 0.3px;
    line-height: 1rem;
    font-family: "josefin sans", "lato", sans-serif;
    padding-top: 2rem;
}
.varukorg {
    width: 24px;
    height: 24px;
}
.fa, .fab, .fad, .fal,  .fas {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: lighter;
font-variant: lighter;
text-rendering: auto;
line-height: 3rem;
color: #fff;
padding: 4px;
	margin-top: 2rem;
}
.far {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: lighter;
    font-variant: lighter;
    text-rendering: auto;
    line-height: 1;
    color: #fff;
    margin-left: 1.2rem;
    margin-right: 0.965rem;
    margin-top: 0.965rem;
}
i.fas.fa-shopping-bag {
    margin-left: 0.35rem;
    margin-top: 0.6rem;
    z-index: 23;
    position: absolute;
}
.numbers {
    font-family: 'Marcellus', serif;
    text-align: center;
    padding-bottom: 1rem;
    font-size: 3rem!important;
    line-height: 1.1;
    font-weight: 300;
    letter-spacing: 0;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}
.lead {
    font-size: 1.2rem;
    font-weight: 300;
    padding: 2rem;
}
p {
  font-size: 0.925rem;
  font-size: 1rem;
  margin: 0 0 5px;
  line-height: 1.8;
  font-family: 'lato', serif;
  letter-spacing: 0.03rem;
  text-align: left !important;
}
.tagline {
    font-family: 'Marcellus', serif!important;
    font-size: 1.2rem;
    margin-top:3rem!important;
    text-transform: uppercase;
    letter-spacing:0.4rem;
    text-align: center;
    color: #fff;
    padding-bottom:0.8rem;
}
.display-2 {
    font-size: 4rem !important;
    font-weight: 300;
    line-height: 1.2;
}
.display-3 {
    font-size: 4rem;
    font-weight: 300;
    line-height: 1.2;
    color: #292d25;
    margin-top: -2.8rem;
}
#all-products h3{
    font-family: 'lato', serif!important;
    font-size: 1rem!important;
    text-align: left;
    padding-top: 0rem;
    padding-bottom: 0rem;
    line-height: 16px;
    text-transform: uppercase!important;
    letter-spacing:0.2rem!important;
}
label {
    display: inline-block;
    margin-bottom: 0.5rem;
    color: black;
}
.m-0-auto{
    margin: 0 auto;
}
.designer{
    font-family: 'lato', serif;
    text-align: center;
    padding-bottom: 1rem;
    font-size: 2.8rem!important;
    line-height: 1.1;
    font-weight: 300;
    letter-spacing: 0;
    margin-bottom: 0.5em;
}
#about-us h2{ 
    font-family: 'lato', serif;
    text-align: center;
    padding-bottom: 0.5rem;
    font-size: 3rem!important;
    line-height: 1.1;
    font-weight: 300;
    letter-spacing: 0;
    margin-bottom: 0.5em;
    text-transform: none;
}
#hero-page-accessories h2{ 
    font-family: 'lato', serif;
    text-align: center;
    padding-bottom: 0.5rem;
    font-size: 3rem!important;
    line-height: 1.1;
    font-weight: 300;
    letter-spacing: 0;
    margin-bottom: 0.5em;
    text-transform: none;
    }
.nedryckare{
    font-size: 1.6rem;
    margin: -2rem 0 25px;
    line-height: 1.8;
    font-family: 'lato', serif;
    color: #4a4948;
    color: #fff;
    letter-spacing: 0.3rem;
    text-align: center;
    font-weight:300;
}
.site-header__cart-indicator {
    display: inline-block;
    background-color: #888e80;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    line-height: 20px;
    color: #fff;
    position: absolute;
    bottom: -8px;
    right: -5px;
}
.site-header {
    color: var(--header-text);
    -webkit-transition: all 0.5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 0.5s ease;
    z-index: 999;
}
/* Länkar */
a {
 font-size: 0.9rem;
 color: #444;
 text-decoration: none;
 background-color: transparent;
}
a:hover {
 color: grey;
 transition: all .2s ease 0s;
}
.nav-link {
font-family: 'lato', "josefin sans", lato, sans-serif;
color: rgb(223, 223, 223);
text-transform: uppercase;
font-size: 0.734rem;
letter-spacing: 0.3rem;
font-weight: 6000;
padding-top: 3rem;
white-space: nowrap;
}
.nav-link-modul{
 color:#000000;
 font-family: 'lato', "josefin sans", lato, sans-serif;
 text-transform: uppercase;
 font-size: 1rem;
 letter-spacing: 0.3rem;
 font-weight: 500;
 padding-top: 3rem;
 white-space: nowrap;
}
.nav.fixed-top.d-flex.justify-content-center.kollaps {
 margin-top: 1rem;
}

.modal .modal-dialog-aside .modal-content .modal-body li.nav-item {
    padding-top: 3rem;
}

li.nav-item.kollaps a:hover {
 color: #fff;
}
.loginmeny {
 background-color: rgba(0, 0, 0, 0);
 border: none;
 font-size: 20px;
 margin-top: -15px;
 position: fixed;
 right: 56px;
 top: 56px;
 z-index: 111;
}
.nav-link:focus,
.nav-link:hover {
 text-decoration: none;
 transition: all .2s ease 0s;
}
.close {
 background: #e0dfd9;
 background-color: rgb(224, 223, 217);
 height: 2.5rem;
 margin-top: 0.3rem!important;
}
/* Hamburgermeny */
.hamburgermeny {
 background-color: rgba(0, 0, 0, 0);
 border: none;
 font-size: 20px;
 margin-top: -18px;
 position: fixed;
 left: 56px;
 top: 56px;
 z-index: 2000;
}

/* Ikoner */
img.search-icon {
    width: 1.2rem;
}

/* Media */
.navbar-brand img {
  width: 7rem !important;
  height: auto;
  margin-top: 2.4rem;
}
.img-fluid-2{
 width: 80%;
}
/* Knappar */

.progress{
 height: 0.5rem;
}
.progress .progress-bar:not(:last-child){
 border-right: 1px solid #fff;
}
.bg-1{
 background-color: #e6e4db;
}
.bg-2{
 background-color: #d1af9f;
}
.bg-3{
 background-color: #474740;
}
.bg-4{
 background-color: #b3a797;
}
.price-circle{
 width: 15px;
 height: 15px;
 border-radius: 50%;
}
a.btn-secondary {
 background-color: #292d25;
 border: 1px solid #efebe4;
 border-radius: 0px;
}
.btn-secondary:hover {
 background: rgba(0, 0, 0, 0.8);
 cursor: pointer;
}
.btn-secondary .fa-chevron-up {
 color: #fff;
}
input:hover {
 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}
.explore {
 display: inline-flex;
 justify-content: center;
 align-items: center;
 height: 3.125rem;
 min-width: 12.5rem!important;
 width: 12.5rem!important;
 padding-left: 2em;
 padding-right: 2em;
 background-color: transparent;
 /*background-color: #94847b;*/
 background: linear-gradient(to bottom, rgba(71, 71, 64, 0.2), rgba(0, 0, 0, 0));
 text-align: center;
 font-size: .75rem;
 font-weight: 500;
 text-transform: uppercase;
 letter-spacing: .22em;
 cursor: pointer;
 transition-property: background-color,color,border,transform;
 transition-duration: .3s;
 transition-timing-function: ease-out;
 color: #fff;
 border: 1px solid #fff;
 /*font-family:lato;*/ 
 font-family: 'Marcellus', serif !important;
 }
 .explore:hover {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 3.125rem;
  min-width: 12.5rem;
  padding-left: 2em;
  padding-right: 2em;
  background-color: #bf9bca!important;
  text-align: center;
  font-size: .75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .22em;
  cursor: pointer;
  transition-property: background-color,color,border,transform;
  transition-duration: .3s;
  transition-timing-function: ease-out;
  color: #fff;
  border: none;
  font-family: 'Marcellus', serif !important;
}
 .explore-dark a{
 color: #fff;
 }
.explore-dark{
 display: inline-flex;
 justify-content: center;
 align-items: center;
 height: 3.125rem;
 min-width: 12.5rem;
 background-color: #474740;
 text-align: center;
 font-size: .75rem;
 font-weight: 500;
 text-transform: uppercase;
 letter-spacing: .22em;
 cursor: pointer;
 transition-property: background-color,color,border,transform;
 transition-duration: .3s;
 transition-timing-function: ease-out;
 color: #fff;
 border: none;
 font-family: 'Marcellus', serif !important;
}
.explore-dark:hover{
 display: inline-flex;
 justify-content: center;
 align-items: center;
 height: 3.125rem;
 min-width: 12.5rem;
 background-color: #6b6b5c;
 text-align: center;
 font-size: .75rem;
 font-weight: 500;
 text-transform: uppercase;
 letter-spacing: .22em;
 cursor: pointer;
 transition-property: background-color,color,border,transform;
 transition-duration: .3s;
 transition-timing-function: ease-out;
 color: #fff;
 border: none;
 font-family: 'Marcellus', serif !important;
}
.explore-dark-trash{
 display: inline-flex;
 justify-content: center;
 align-items: center;
 height: 3.125rem;
 min-width:4rem;
 margin-right: 1.5em;
 background-color: #d1af9f;
 text-align: center;
 font-size: .75rem;
 font-weight: 500;
 text-transform: uppercase;
 letter-spacing: .22em;
 cursor: pointer;
 transition-property: background-color,color,border,transform;
 transition-duration: .3s;
 transition-timing-function: ease-out;
 color: #fff;
 border: none;
 font-family: 'Marcellus', serif !important;
 padding-left: 0.6rem;
}
.explore-dark-trash:hover{ 
 background-color: #888e80;
}
.toppen {
 position: fixed;
 right: 0px;
 bottom: 0px;
 z-index: 99;
 width: 6rem;
 height: 6rem;
 max-width: 6rem;
}
/* ##### ALLA HERO SEKTIONER ##### */
.our-welcome-hero-ny {
 padding-bottom: 4rem;
 /* background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0)), url("../images/fin-soffa-green.jpg")!important; */
 /* background-image: linear-gradient(to bottom, rgba(100, 100, 100, 0.4), rgba(0, 0, 0, 0.07)), url("../images/iStock-1175183186.jpeg");*/
 /* background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.07)), url("../images/bgkawi.jpg");*/
 /* background-image: url("https://kawiworld.se/assets/images/kawi-hero.jpg");*/
	
	background-image: url("https://kawiworld.se/assets/images/kawi_ny_bakgrund.jpg");
	
	
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
 height: 100vh;
 padding-top: 13.8%;
 margin-bottom: 0rem;
}
.about-us {
 padding-bottom: 4rem;
 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.07)), url("../images/bla_traskalar.jpg");
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 height: 100vh;
 padding-top: 14%;
 margin-bottom:2rem;
}
.fixed-top {
 position: absolute;
 top: 0;
 right: 0;
 left: 0;
 z-index: 2;
}
.our-shop{
 padding-bottom: 4rem;
 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.07)), url("../images/header_shop.jpg");
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 height: 100vh;
 padding-top: 16.5rem;
 margin-bottom:2rem;
}

.our-designers-hero {
padding-bottom: 4rem; 
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.07)), url("../images/formgivare.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
padding-top: 14%;
margin-bottom: 2rem;
}
.our-designers-trabehandling {
 padding-bottom: 4rem;
 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.07)), url("../images/trabearbetning.jpg");
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 height: 100vh;
 padding-top: 16.5rem;
 margin-bottom:2rem;
}

#who-we-are{
 padding-bottom: 4rem;
 background-image: linear-gradient(to bottom, rgba(100, 100, 100, 0.4), rgba(0, 0, 0, 0.07)), url("../images/bla_traskalar.jpg");
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 height: 90vh;
 padding-top: 16.5rem;
 margin-bottom:2rem;
}

/* DIFFERENT SECTIONS */
#welcome {
  padding: 3rem 0rem 0rem 0rem;
    padding-right: 0rem;
    padding-bottom: 0rem;
    padding-left: 0rem;
  background-color: #a8d4bc;
}
#care-repair-revive {
  padding: 8rem;
    padding-right: 8rem;
    padding-left: 8rem;
  display: block;
}
#min-historia {
 padding: 6rem;
}
#circularmodel {
 padding: 6rem;
}
#collection{
 padding-top: 4rem; 
 padding-bottom: 4rem; 
}
#inspiration{
 padding:0rem; 
 height: 90vh;
}
#inspiration .collection-bg-01 {

		background-image: url("https://kawiworld.se/assets/images/barnen_01.jpg");


  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 70vh;
}
 #inspiration .collection-bg-02{
/*background-image: url("https://kawiworld.se/assets/images/barnen_01.jpg");*/

 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 } 
 #inspiration .collection-bg-03{
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 padding: 6rem;
}

.mini img {
  width: 15rem !important;
  height: auto;
  margin-top: 2.4rem;
}
 .collection-bg-01{
	 

 }
 .collection-bg-02{
 /*background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.089), rgba(0, 0, 0, 0.4)),url("../images/designers/xmastree.jpg");
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;*/
 }
 .collection-bg-03{
  /*background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.089), rgba(0, 0, 0, 0.4)),url("../images/designers/xmastree.jpg");
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;*/
 }
 .card {
 position: relative;
 display: flex;
 flex-direction: column;
 min-width: 0;
 word-wrap: break-word;
 /*background-color: #fff;
 background-clip: border-box;
 border: 0px solid rgba(0,0,0,.125)!important;
 border-radius: 0rem!important;*/
 }
 .card-title{
 color:#212121;
 }

 
#product-flash{

 height:80vh;
 }

#product-flash .right-column-bg-image {
  /*background-color: #222;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;*/

 height:80vh;
}
#product-flash .left-column-bg-image {
 background-image: url("https://kawiworld.se/assets/images/kawifigurer.png");
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 height:80vh;
}
#product-flash2 .left-column-bg-image {
background-image: url("https://kawiworld.se/assets/images/barnen01.jpg");

 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 height:80vh;
}

#workshop{
 height:80vh;
min-width: 80vh;
 }
#workshop .right-column-bg-image {
/*background-image: url("https://kawiworld.se/assets/images/smafigurer_siten_1.png");*/
/*background-image: url("https://kawiworld.se/assets/images/zoogflyger.jpg");	*/
background-image: url("https://kawiworld.se/assets/images/bol2.jpg");
background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 height:80vh;
}
 

#workshop .left-column-bg-image {
 height:80vh;
}


   


.left-column-bg-image.col-12.col-md-6 {
  padding: 4rem;
}

.right.column-bg-image.col-12.col-md-6 {
  padding: 4rem;
}


.mt-md-5, .my-md-5 {
  margin-top: 0rem !important;
}

 #designer-emma .left-column-bg-image {
 background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.089), rgba(0, 0, 0, 0.4)),url("../images/designers/designer_1.jpg");
 background-position: center;
 background-repeat: no-repeat; 
 background-size: cover; 
 height:100vh;
 }

 #designer-emma-produkt {
 background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.089), rgba(0, 0, 0, 0.4)),url("../images/bok.jpg");
 background-position: center;
 background-repeat: no-repeat; 
 background-size: cover; 
 height:100vh;
 }

 #designer-sandlund .left-column-bg-image {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.089), rgba(0, 0, 0, 0.4)),url("../images/designers/designer_2-2.jpg");
    background-position: center;
    background-repeat: no-repeat; 
    background-size: cover; 
    height:100vh;
    }

    #designer-melker .left-column-bg-image {
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.089), rgba(0, 0, 0, 0.4)),url("../images/designers/designer_3.jpg");
        background-position: center;
        background-repeat: no-repeat; 
        background-size: cover; 
        height:100vh;
        } 
       

        #background-klassiska-dekorationer .left-column-bg-image   {
            background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.089), rgba(0, 0, 0, 0.4)),url("../images/bok.jpg");
            background-position: center;
            background-repeat: no-repeat; 
            background-size: cover; 
            height:100vh;
            }
            #jul-andrea .left-column-bg-image   {
                background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.089), rgba(0, 0, 0, 0.4)),url("../images/designers/xmasdeco.jpg");
                background-position: center;
                background-repeat: no-repeat; 
                background-size: cover; 
                height:100vh;
                }

                #vinterdetaljer .left-column-bg-image   {
                    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.089), rgba(0, 0, 0, 0.4)),url("../images/designers/xmastree.jpg");
                    background-position: center;
                    background-repeat: no-repeat; 
                    background-size: cover; 
                    height:100vh;
                    }
                    #presentguide .left-column-bg-image   {
                        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.089), rgba(0, 0, 0, 0.4)),url("../images/designers/gift.jpg");
                        background-position: center;
                        background-repeat: no-repeat; 
                        background-size: cover; 
                        height:100vh;
                        }











                    
 #miljo-flash .left-column-bg-image{
 background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.089), rgba(0, 0, 0, 0.4)),url("../images/material/iStock-1044129264.jpeg");
 background-position: center;
 background-repeat: no-repeat; 
 background-size: cover; 
 height:100vh;
 }
 #miljo-flash .right-column-bg-image{
 background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.089), rgba(0, 0, 0, 0.4)),url("../images/material/iStock-529409672.jpeg");
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 height:100vh;
 }
 /* Modal section */
 .modal-header {
 height: 4.5rem;
 border:0;
 }
 .modal-title {
 color: black;
 }
 .modal-body {
 padding: 3rem;
 }
 #modal_aside_right {
 z-index: 11999;
 }
 .modal .modal-dialog-aside .modal-content {
    height: inherit;
    border: 0;
    border-radius: 0;
    background-color: #c09ccb;
}
 .hamburger {
 display: block !important;
 }
 .modal .modal-dialog-aside {
 /*width: 350px;*/
 height: 100%;
 margin: 0;
 transform: translate(0);
 transition: transform .2s;
 }
 .modal-content-comment {
 width: 23rem;
 }
 .modal-content {
 width: 100%;
 }
 .modal .modal-dialog-aside .modal-content {
 height: inherit;
 border: 0;
 border-radius: 0;
 }
 .modal .modal-dialog-aside .modal-content .modal-body {
 overflow-y: auto;
 overflow: hidden;
 }
 .modal.fixed-left .modal-dialog-aside {
 margin-left: auto;
 transform: translateX(100%);
 }
 .modal.fixed-right .modal-dialog-aside {
 margin-right: auto;
 transform: translateX(-100%);
 }
 .modal.show .modal-dialog-aside {
 transform: translateX(0);
 }
 .icons.d-flex.justify-content-end {
 background-color: #fff;
 padding: 1rem;
 }
 .modal-backdrop.show {
 opacity: .2;
 }
.vinjett-modal-login {
 margin-left: 1.8rem;
 margin-top: 0.4rem;
}
.text-white {
 font-size: 0.82rem;
 font-weight: 500;
 letter-spacing: 0.1rem;
}
.card-img,
.card-img-bottom,
.card-img-top {
 flex-shrink: 0;
 width: 100%;
 object-fit: cover;
}
#popular-section h3 {
 margin-left: -1.5rem;
 width: 100%;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none!important;
}
.socialmedia footer ul {
 padding-top: 1rem;
 padding-bottom: 1rem;
 margin-bottom: 1rem;
 font-size: 1.5rem;
 font-weight: lighter;
}
#hero-designers{
 padding-bottom: 4rem;
 background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.089), rgba(255, 255, 255, 0.1)), url("assets/images/header_bild.jpg");
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 height: 80vh;
 padding-top: 16.5rem;
 margin-top:0rem;
 z-index:0;
}
/* Footer section */
footer {
 background-color: #8565aa;
 padding-top: 1rem;
 padding-bottom: 2rem;
 font-size: 0.75rem;
 color: #fff;
}
footer ul {
 padding-top: 1rem;
 padding-bottom: 1rem;
}´
/* Sign out */
.sign-out a {
 font-size: 0.750rem;
 color: #aaa;
}
.sign-out:active,
.sign-out:hover {
 background-color: transparent!important;
 text-decoration: none;
 transition: all .2s ease 0s;
 text-decoration: none;
}
.link:hover,
a:hover {
 text-decoration: none;
}
.sign-out {
 background-color: #1a1919;
 border: 1px solid #1a1919;
 display: inline-block;
 font-family: "josefin sans", Roboto, "Helvetica Neue", sans-serif;
 font-size: 0.875rem;
 font-style: normal;
 letter-spacing: 2px;
 line-height: 1.2;
 min-width: 220px;
 max-width: 280px;
 padding: 14px 20px;
 text-align: center;
 text-decoration: none;
 text-transform: uppercase;
 transition: .2s ease-in-out;
 z-index: 344!important;
 position: absolute!important;
}
/* Edit profile section */
.edit-profile-formatering a {
 background-color: #292d25;
 border: 1px solid #1a1919;
 display: inline-block;
 font-family: "josefin sans", Roboto, "Helvetica Neue", sans-serif;
 font-size: 0.775rem;
 font-style: normal;
 letter-spacing: 2px;
 line-height: 1.2;
 padding: 12px 18px;
 text-align: center;
 text-decoration: none;
 text-transform: uppercase;
 transition: .2s ease-in-out;
}
.edit-profile-formatering a:hover {
 background-color: transparent!important;
 text-decoration: none;
}
/* Pro Upload section */
.ladda-upp-del .btn-new {
 margin-top: 1.6rem;
}
.card-text:last-child {
 margin-bottom: 0;
 font-size: 1rem;
}
#new-content-container {
 margin-top: 58rem;
}
.produkt-med-info{
 margin-top: 140px;
}
.close {
    float: right;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    text-transform: uppercase;
    font-weight: 600;
}
.close:active,
.close:hover {
 background-color: transparent;
 color: #000;
 cursor: pointer;
 text-transform:uppercase;
}

#pro_upload body {
 background-color: #efebe4;
}


#main-content-container {
 background-color: #fff;
 height: 100%;
}

.space {
 height: 6rem;
 background-color: #fff;
}

#latest-posts {
 margin-top: -2.5rem;
}


.border-top {
 border-top: 1px solid #dee2e6 !important;
 padding: 20px;
}

.graficdesigner {
 font-size: 1.4rem;
 color: #444;
 padding-bottom: 10px;
}


  .loginmeny {
  margin-top: -2.8rem;
  position: absolute;
  right: 2rem;
  z-index: 3;
  width: 7rem;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.1rem;
  display: none;
}
.loginmeny p{
 text-transform: uppercase;
 color: #fff;
 font-size: 0.6rem;
 margin-top: 0rem;
 text-transform: uppercase;
 font-weight: 700;
 font-family: 'josefine sans-serif';
}
#chart .nav-link {
 font-family: 'Marcellus', "josefin sans", lato, sans-serif;
 color: #495057;
 text-transform: uppercase;
 font-size: 0.55rem;
 letter-spacing: 0.3rem;
 font-weight: 500;
 padding-top: 3rem;
 white-space: nowrap;
 margin-left: -4!important; 
}
#chart {
    padding-top: 3rem;
}
.hamburgermeny-admin {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    font-size: 20px;
    margin-top: -18px;
    position: absolute;
    left: 18px;
    top: 5px;
    z-index: 2000;
}
.signoutbar.explore-dark.d-flex.justify-content-end a {
    margin-right: 2rem;
}
.signoutbar.explore-dark.d-flex.justify-content-end a:hover {
    color: #898988!important;
}

.nederkant-text-landningsida-designers {
    padding: 50% 10% 20% 10%;
}
/* RESPONSIVE 990 */

@media screen and (max-width: 1100px) { 
 .kollaps {
 display: none!important;
 }
 .hamburgermeny {
 margin-left: -2.5rem;
 visibility: visible;
 }
 .product-permalink-info {
 padding: 4rem;
 }
 .about-us {
 height: 100vh;
 padding-top: 38%;
 margin-bottom: 1rem;
} 
.about-us h1 {
 font-size: 2.4rem !important;
}
.our-designers-hero {
 height: 100vh;
 padding-top: 38%;
 margin-bottom: 0rem;
}

.our-designers-hero h1 {
 font-size: 2.4rem !important;
}
.our-welcome-hero-ny {
 height: 100vh;
 padding-top: 32%;
 margin-bottom: 0rem;
}
.our-welcome-hero-ny .display-2 {
 font-size: 3rem !important;
 font-weight: 300;
 line-height: 1rem;
}
.nedryckare {
 font-size: 1.2rem;
 margin: -2.5rem 0 25px;
 line-height: 1.8;
 font-family: 'Marcellus', serif;
 color: #4a4948;
 color: #fff;
 letter-spacing: 0.3rem;
 text-align: center;
 font-weight: 400;
	
}

.signoutbar {
    margin-bottom:2rem;
}
.loginmeny {
    color: #fff;
    margin-right: 1.2rem;
    font-size: 1.1rem;
    z-index: 333;
    position: absolute;
}
.navbar-brand img {
  width: 8rem !important;
  height: auto;
  margin-top: 2rem !important;
}
	
section.container.px-4.pb-5.adminsida {
    margin-top: 8rem;
}

.row.product-permalink-info {
    padding: 4rem;
    color: #222!important;
}

}

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


	.p-5 {
  padding: 1rem !important;
}
	
	
#care-repair-revive {
  margin-top: -650px;

height:1000px;
	padding-bottom:30rem;
}
#product-flash {

  margin-top: 1000px;
width:400px;
height:1200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
#product-flash2 .right-column-bg-image {

  margin-top: 0px;
width:400px;
height:1200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	padding:0px;
}
#workshop .right-column-bg-image {
  margin-top: -2100px;
  background-image: url("https://kawiworld.se/assets/images/bol2.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
height:800px;
	width:400px;
	max-width:400px;

}
#workshop .left-column-bg-image {
width:400px!important;
max-width:400px!important;
height:1300px;
max-height:1400px!important;
padding:0px;
margin-top: 1000px;

}
	#product-flash2 .left-column-bg-image {
  background-image: url("https://kawiworld.se/assets/images/barnen01.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;
 margin-top: 1000px;
}
}