header {
padding: 1% 0 0;
background: rgba(255,255,255,.9);
width: 100%;
}
header.fixedWidget {
position: fixed;
top: 0;
z-index: 9999;
background: rgba(255,255,255,.9);
left: 0;
margin: 0;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden
}
.header {
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
justify-content: space-between;
-webkit-justify-content: space-between;
}
.header h1 ,
.header > a {
flex: 0 1 auto;
-webkit-flex: 0 1 auto;
}
.header h1 {
width: 47.5%;
}
.header a {
width: 47.5%;
}
.header h1 img {
width: 100%;
}
.icon_navigation_wrap {
margin: 20px 0 0;
width: 100%;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
}
.icon_navigation_wrap.fixedWidget  {
position: fixed;
top: 0;
z-index: 9999;
background: rgba(255,255,255,.9);
left: 0;
margin: 0;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden
}
.icon_navigation_content {
display: flex;
display: -webkit-flex;
align-items: stretch;
-webkit-align-items: stretch;
}
.icon_navigation_content li {
flex: 1 1;
-webkit-flex: 1 1;
}
.icon_navigation_content li:first-of-type {
flex: 0 1 25%;
-webkit-flex: 0 1 25%;
}
.icon_navigation_content li:nth-of-type(2),
.icon_navigation_content li:nth-of-type(4) {
flex: 0 1 17%;
-webkit-flex: 0 1 17%;
}
.icon_navigation_content li:last-of-type {
flex: 0 1 23%;
-webkit-flex: 0 1 23%;
}
.icon_navigation_content li:nth-of-type(n+2) {
border-left: 1px solid #eee;
}
.icon_navigation_content li:first-of-type {
border-bottom: 5px solid #ed6c00;
}
.icon_navigation_content li:nth-of-type(2) {
border-bottom: 5px solid #3399cc;
}
.icon_navigation_content li:nth-of-type(3) {
border-bottom: 5px solid #ea7dab;
}
.icon_navigation_content li:nth-of-type(4) {
border-bottom: 5px solid #fabe00;
}
.icon_navigation_content li:nth-of-type(5) {
border-bottom: 5px solid #339999;
}
.icon_navigation_content li a {
height: 100%;
padding: 10px;
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
}
.icon_navigation_content li a:hover {
background: #fff;
}
.icon_navigation_content li a img {
width: 80%;
}
@media screen and (max-width: 768px){
  .fixedWidget header {
    position: fixed;
    top: 0;
    z-index: 9999;
    background: rgba(255,255,255,.9);
    left: 0;
    margin: 0;
  }
  .fixedWidget .icon_navigation_wrap {
    position: initial;
    margin: 10px 0 0;
    background: none;
  }
}

@media screen and (max-width: 768px){
  header {
    padding: 2% 0 0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
  }
  .header h1 {
    width: 47.5%;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
  }
  .header a {
    width: 47.5%;
  }
}
@media screen and (max-width: 414px){
  header {
    padding: 2% 0 0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
  }
  .header {
    padding: 0 2%;
  }
  .icon_navigation_wrap {
    margin: 10px 0 0;
  }
  .icon_navigation_content li a {
    padding: 5px;
  }
  .icon_navigation_content li a img {
    width: 90%;
  }
}