@charset "UTF-8";
/* CSS Document */
/******************** HEADER **************/
.header{
    width:100%;
    position:sticky;
    top:-45px;
    height:225px;
}
.header_container{
    display: grid;
    grid-template-rows: 180px 45px;
    grid-template-columns: 1fr 855px 225px 1fr;
    grid-template-areas:"left menu logo right";
    background: var(--white);
}

.header_container div:nth-child(1){
background: var(--accentcolor);
  padding: 10% !important;
  max-width: 100%;
  grid-area: left;
  grid-row-start: 1;
  grid-row-end: 3;
    }
.header_container div:nth-child(2){
background:var(--accentcolor);
  height: 100%;
  grid-area: menu;
  grid-row-start: 1;
  grid-row-end: 3;
    display:flex;
    flex-direction: column;
}
.header_container div:nth-child(3){
    grid-row-start: 1;
    grid-row-end: 3;
    background:url(../images/logo_shl_4x.jpg);
    background-size:cover;
    grid-area: logo;
  }

.header_container div:nth-child(4), .header_container div:nth-child(4){
background:var(--white);
  padding: 10% !important;
  grid-area: right;
  grid-row-start: 1;
  grid-row-end: 3;
    }

.nav-list{
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
    list-style-type:none;
    flex-direction: row;
}
/******************** SLIDER **************/
  .slider_container {
    display: grid;
    grid-template-rows: 60px 165px 45px;
    grid-template-columns: 1fr 855px 225px 1fr;
    grid-template-areas:"left content1 content2 right";
  }
.slider_container div:nth-child(1){
background: var(--accentcolor);
  max-width: 100%;
  grid-area:left;
  grid-row-start: 1;
  grid-row-end: 3;
    }
.slider_container div:nth-child(2){
background:var(--darkcolor);
  grid-area: left;
  grid-row-start: 3;
  grid-row-end: 4;
    }
.slider_container div:nth-child(3){
    background:url(../images/Slider@2x-50.jpg);
    background-size:cover;
    background-position: 0 30%;
    grid-column-start:content1;
    grid-column-end:right;
    grid-row-start: 1;
    grid-row-end: 3;
  }
.slider {
   grid-column-start:content1;
    grid-column-end:right;
    grid-row-start: 1;
    grid-row-end: 3;
  }
/******************** MAIN **************/
#all{
width:100%;
}
#wrapper{
width:1080px;
margin: 0 auto;
padding-top:100px;
} 
.grid_3-1{
display: grid;
grid-template-columns: 3fr 1fr;
grid-template-rows: 1;
grid-column-gap: 5%;
}
.grid_3-1 div:last-child{
    align-items: flex-start;
    align-self: flex-start;
}
.grid_3-0{
display: grid;
grid-template-columns: repeat(4,1fr);
grid-template-rows: 1;
grid-column-gap: 0;
}
.grid_auto{
  display:flex;
  justify-content:flex-start;
  margin:0;
  padding:0;
}
.grid_auto > div{
width:100%;
}
.imptable{
  width:100%;
  text-align: left;
  border:0;
}

/*********************** FOOTER ******************/
.footer_container {
    display: grid;
    grid-template-columns: 1fr 225px 630px 225px 1fr;
    grid-template-rows: 45px 98px 127px;
    grid-template-areas:"left content1 content2 content3 right";
  }
.footer_container div:nth-child(1){
background: var(--darkcolor);
  max-width: 100%;
  grid-column-start:left;
grid-column-end:content1;
  grid-row-start: 1;
  grid-row-end: 2;
    }
.footer_container div:nth-child(2){
background: var(--white);
  max-width: 100%;
  grid-column-start:content2;
grid-column-end:content3;
  grid-row-start: 1;
  grid-row-end: 2;
    }
.footer_container .nav-list{
  justify-content: flex-end;
}
.footer_container div:nth-child(3){
    grid-area:left;
  grid-row-start: 2;
  grid-row-end: 4;
}
.footer_container div:nth-child(4){
  grid-column-start:content1;
    grid-column-end:content2;
  grid-row-start: 3;
  grid-row-end: 4;
    display:flex;
    flex-direction:column;
    }
.footer_container div:nth-child(4) div:first-child{
    background:none;
}
.footer_container div:nth-child(4) div:last-child{
    background:url(../images/logos_footer.png);
    background-repeat:no-repeat;
    background-blend-mode: multiply;
    height: 100%;
}
.footer_container div:nth-child(5){
    background:url(../images/logo_shl_4x.png);
    background-repeat:no-repeat;
    grid-area: content3;
    background-size:contain;
    grid-row-start: 3;
    grid-row-end: 4;
    margin-bottom:15%;
  }