header > div {
  padding: 15px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 33.3%;
      grid-template-columns: auto 33.3%;
  -ms-grid-rows: auto;
      grid-template-rows: auto;
  grid-gap: 15px;
}

header .area-top img {
  width: 100%;
}

header .area-top a {
background-color: #ff980b;
height: 36px;
min-width: 64px;
padding: 0 16px;
-webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
border: none;
margin: auto 0;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 5px;
border-radius: 4px;
font-size: .875rem;
}

header .area-top a::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  -webkit-animation: iconAnimate linear 1.2s infinite;
          animation: iconAnimate linear 1.2s infinite;
  -webkit-box-shadow: 3px -3px #ff980b,
 4px -4px #333;
          box-shadow: 3px -3px #ff980b,
 4px -4px #333;
}

header .area-bottom h5,
header .area-bottom a {
  font-size: 0.83em;
}

header .area-bottom a {
  direction: ltr;
  text-align: center;
}
/*# sourceMappingURL=header.css.map */