/* Sidhuvud */
.hh-site-header{
   position: fixed;
   width: 100%;
   top: 0;
   z-index: 999;
   transition: 0.4s ease;
   
}
.hh-site-logo {
   display: block; 
   text-decoration: none;
   box-sizing:border-box;
}
.hh-site-logo img {
   height: 48px;
	width: 143px;
}
.hh-site-header.is-scroll {
   z-index: 999;
   background: #fff;
   box-shadow: 0 0 3px 1px #ededed;
   transition: .4s ease;
}

@media (min-width: 768px) {
   .hh-site-header {
      min-height: 90px;
   }
}

/* SEARCH IN HEADER START ---------------------------------------- */

/*		Buttons		*/

.hh-header-search__btn, 
.hh-header-search__input-button {
   background-image: url('/images/18.4ad3d9ee1656d0f05ef5b83e/1535359061102/hh-search-icon.svg');
   background-size: 20px;
   margin-right: 1.25em;
   background-repeat: no-repeat;
   background-position: center;
   padding: 15px;
   margin-top: 12px;
   height: 20px;
   width: 20px;
   display: block;
   float: left;
}

.hh-header-search__btn {
   /* position: absolute;
   right: -1em; */
   z-index: 999;
}

.hh-header-search__input-button {
   background-size: 0;
   border: none;
   margin: 0;
   padding: 1em;
   position: absolute;
   top: 1.8em;
   left: 1em;
   -webkit-transition: all .5s ease-in-out;
    	-moz-transition: all .5s ease-in-out;
    	  -o-transition: all .5s ease-in-out;
    		  transition: all .5s ease-in-out;
}

.hh-header-search__form--active .hh-header-search__btn {
   top: 0;
   background-image: url('/images/18.7b2eadde166f2b54bec1cf/1542095579994/hh-icon-close.svg');
   background-size: 15px!important;
}

.hh-header-search__btn:hover,
.hh-header-search__btn:focus{
   cursor: pointer;
}

.hh-header-search__form--active .hh-header-search__input-button {
   background-size: 20px;
}

/*		Sök 		*/

.hh-header-search__form {
	position: relative;   
}

.hh-header-search__container {
   position: absolute;
   right: 0;
   width: 0;
   margin: -1.17em 3.5em -1.17em 0;
   overflow: hidden;
   -webkit-box-shadow: 0 4px 60px 0 rgba(0,0,0,0.1);
   -moz-box-shadow: 0 4px 60px 0 rgba(0,0,0,0.1);
           box-shadow: 0 4px 60px 0 rgba(0,0,0,0.1);
   -webkit-transition: width .5s ease-in-out;
    	-moz-transition: width .5s ease-in-out;
    	  -o-transition: width .5s ease-in-out;
    		  transition: width .5s ease-in-out;
}

.hh-header-search__input-field {
	height: 90px;   
   padding-left: 60px;
   border: 0;
   margin: 0;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   
   font-family: 'Open sans', sans-serif;
   font-size: 20px;
   color: #333333;
   line-height: 27px;
   -webkit-transition: all .5s ease-in-out;
    	-moz-transition: all .5s ease-in-out;
    	  -o-transition: all .5s ease-in-out;
    		  transition: all .5s ease-in-out;
   
}

.hh-header-search__form--active .hh-header-search__container {
   width: 35em;
   -webkit-transition: width .5s ease-in-out;
    	-moz-transition: width .5s ease-in-out;
    	  -o-transition: width .5s ease-in-out;
    		  transition: width .5s ease-in-out;
}

.hh-header-search__form--active .hh-header-search__input-field {
   -webkit-transition: all .5s ease-in-out;
    	-moz-transition: all .5s ease-in-out;
    	  -o-transition: all .5s ease-in-out;
    		  transition: all .5s ease-in-out;
}


@media all and (max-width: 1200px) {
   
   .hh-header-search__form--active .hh-header-search__container  {
      width: 30em;
   }
}

@media all and (max-width: 1000px) {
   
   .hh-header-search__form--active .hh-header-search__container  {
      width: 25em;
   }
}

@media all and (max-width: 767px) {
   
   .hh-site-header {
      background: #fff!important;
      box-shadow: 0 0 3px 1px #EDEDED!important;
   }
   
   .hh-header-search__form {
      position: static;
   }
   
   .hh-header-search__btn {
      top: 0;
      right: 1em;
   }
   
   .hh-header-search__container {
      display: none;
      width: 100vw!important;
      margin: 0;
    	position: absolute;
    	top: 4.55em;
    	right: -1.5em;
      box-shadow: 0 20px 60px 0 rgba(0,0,0,0.05);
   }
   
   .hh-header-search__form--active .hh-header-search__container {
      display: block;
   }
   
   .hh-header-search__input-field {
      width: 100%;
   }
   
}

/* SEARCH IN HEADER END ------------------------------------------ */