.logo {
  -webkit-box-ordinal-group:2;
  -ms-flex-order:1;
  height:60px;
  order:1;
  width:120px
}
.nav__box {
  -webkit-box-ordinal-group:3;
  -ms-flex-order:2;
  order:2;
  width:calc(100% - 227px)
}
.nav,
.nav__name {
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end
}
.nav__layer {
  max-height:calc(100vh - 100px);
  top:100px
}
.header__search {
  -webkit-box-ordinal-group:5;
  -ms-flex-order:4;
  order:4
}
.header__search-form {
  top:100px
}
.header__social-box {
  -webkit-box-ordinal-group:4;
  -ms-flex-order:3;
  order:3
}
.hamburger {
  -webkit-box-ordinal-group:6;
  -ms-flex-order:5;
  order:5
}
.header--fixed .logo {
  height:70px
}
.header--fixed .nav__layer {
  max-height:calc(100vh - 70px);
  top:70px
}
.header--fixed .header__search-form {
  top:70px
}
.header {
  background-color:#fff;
  -webkit-transition:all .3s ease-out .5s;
  -o-transition:all .3s ease-out .5s;
  transition:all .3s ease-out .5s;
  width:100%
}
.logo {
  -ms-flex-line-pack:center;
  align-content:center
}
.logo h1 {
  color:#126e4d;
  display:block;
  font-size:.125rem;
  position:fixed;
  top:-999999px;
  width:100%
}
.logo__img {
  -webkit-box-align:center;
  -ms-flex-align:center;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  align-items:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  height:100%;
  justify-content:flex-start;
  padding:5px 0
}
.logo__img img {
  display:block;
  height:100%;
  max-width:120px
}
.header--fixed {
  position:fixed;
  top:0;
  z-index:10
}
.nav,
.nav__box {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.nav {
  height:100%;
  width:100%
}
.nav__item {
  font-size: 15px;
  height:100%;
  line-height:1.75rem;
  position:relative;
  width:auto
}
.nav__item:after {
  background-color:#a8cab5;
  bottom:0;
  content:"";
  height:3px;
  position:absolute;
  -webkit-transition:width .3s ease-out;
  -o-transition:width .3s ease-out;
  transition:width .3s ease-out;
  width:0
}
.nav__item--on:after,
.nav__item:hover:after {
  content:"";
  width:100%
}
.nav__item--on>.nav__layer,
.nav__name {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
.nav__name {
  padding:5px;
  width:100%
}
.nav__btn,
.nav__name {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.nav__btn {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  border:solid #a8cab5;
  border-width:0 0 0 1px;
  cursor:pointer;
  display:none;
  height:100%;
  justify-content:center;
  position:absolute;
  right:0;
  top:0;
  width:40px;
  z-index:1
}
.nav__btn-icon {
  display:block;
  height:100%;
  position:relative;
  width:100%
}
.nav__btn-icon:after {
  border-color:#252525;
  border-style:solid;
  border-width:2px 2px 0 0;
  bottom:0;
  content:"";
  height:5px;
  left:0;
  margin:auto;
  position:absolute;
  right:0;
  top:0;
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
  width:5px
}
.nav__layer {
  background-color:#a8cab5;
  border:solid #a8cab5;
  border-width:1px 1px 0;
  color:#fff;
  display:none;
  left:0;
  position:absolute;
  width:250px;
  z-index:3
}
.nav__layer .nav__item {
  border-bottom:1px solid #a8cab5;
  color:#fff;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  max-width:100%;
  width:100%
}
.nav__layer .nav__item:after {
  display:none
}
.nav__layer .nav__item .nav__layer {
  left:100%;
  top:-1px
}
.nav__layer .nav__item .nav__btn {
  border-bottom-width:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
.nav__layer .nav__item .nav__name {
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  color:#fff;
  justify-content:flex-start;
  padding:5px 40px 5px 10px;
  position:relative
}
.nav__layer .nav__item .nav__name:hover {
  background-color:#fff;
  color:#126e4d
}
.nav__layer--full {
  border-width:0;
  left:0;
  overflow-y:auto;
  padding:10px 20px;
  position:fixed;
  width:100%
}
.nav__layer--full .nav__item {
  border-width:0;
  width:20%
}
.nav__layer--full .nav__item .nav__name {
  padding-right:10px
}
.nav__layer--full .nav__item .nav__btn {
  display:none
}
.nav__layer--full .nav__item .nav__layer,
.nav__layer--full .nav__layer {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  left:0;
  position:static
}
.nav__layer--full .nav__layer {
  border-width:0;
  padding:5px 0 5px 20px;
  top:0;
  width:100%
}
.nav__layer--full .nav__layer .nav__item {
  width:100%
}
.nav__prev {
  border-right:1px solid #a8cab5;
  cursor:pointer;
  display:none;
  height:50px
}
.nav__prev,
.nav__prev-icon {
  position:relative;
  width:40px
}
.nav__prev-icon {
  height:40px
}
.nav__prev-icon:after {
  border-color:#252525;
  border-style:solid;
  border-width:2px 2px 0 0;
  bottom:0;
  content:"";
  height:5px;
  left:0;
  margin:auto;
  position:absolute;
  right:0;
  top:0;
  -webkit-transform:rotate(-135deg);
  -ms-transform:rotate(-135deg);
  transform:rotate(-135deg);
  width:5px
}
.hamburger {
  cursor:pointer;
  display:none;
  height:100%;
  margin:auto;
  position:relative;
  width:40px
}
.hamburger span {
  background-color:#252525;
  bottom:0;
  height:1px;
  left:0;
  margin:auto;
  position:absolute;
  right:0;
  top:0;
  -webkit-transition:all .5s ease-out;
  -o-transition:all .5s ease-out;
  transition:all .5s ease-out;
  width:30px
}
.hamburger span:nth-child(2) {
  -webkit-transform:translateY(-5px);
  -ms-transform:translateY(-5px);
  transform:translateY(-5px)
}
.hamburger span:nth-child(3) {
  -webkit-transform:translateY(5px);
  -ms-transform:translateY(5px);
  transform:translateY(5px)
}
.header__search {
  position:relative
}
.header__search,
.header__search-icon {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:50px
}
.header__search-icon {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  cursor:pointer;
  font-size:24px;
  height:100%;
  justify-content:center
}
.header__search-form {
  background-color:#fff;
  left:100%;
  padding:15px 10px;
  position:fixed;
  -webkit-transition:left .3s ease-out;
  -o-transition:left .3s ease-out;
  transition:left .3s ease-out;
  width:100%;
  z-index:2
}
.header__search-form--on {
  left:0
}
.header__search-input {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  border:1px solid silver;
  border-radius:0;
  -webkit-box-shadow:none;
  box-shadow:none;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  height:40px;
  line-height:40px;
  padding:0 10px;
  width:calc(100% - 50px)
}
.header__search-input::-webkit-input-placeholder {
  color:#888
}
.header__search-input::-moz-placeholder {
  color:#888
}
.header__search-input:-ms-input-placeholder {
  color:#888
}
.header__search-input::-ms-input-placeholder {
  color:#888
}
.header__search-input::placeholder {
  color:#888
}
.header__search-input:focus::-webkit-input-placeholder {
  color:hsla(0,0%,53%,.5)
}
.header__search-input:focus::-moz-placeholder {
  color:hsla(0,0%,53%,.5)
}
.header__search-input:focus:-ms-input-placeholder {
  color:hsla(0,0%,53%,.5)
}
.header__search-input:focus::-ms-input-placeholder {
  color:hsla(0,0%,53%,.5)
}
.header__search-input:focus::placeholder {
  color:hsla(0,0%,53%,.5)
}
.header__search-btn {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:#fff;
  border:none;
  cursor:pointer;
  font-size:24px;
  height:40px;
  width:50px
}
.header__social-box {
  width:120px
}
.header__social-btn {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  cursor:pointer;
  display:none;
  justify-content:center
}
.header__social-btn i {
  font-size:18px
}
.header__social {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  height:100%;
  justify-content:center;
  width:100%
}
.header__social-item {
  display:inline-block;
  text-align:center;
  width:40px
}
.header__social-link {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  height:40px;
  justify-content:center;
  width:40px
}
.header__social-icon {
  font-size:24px
}
.header__social-facebook:hover {
  color:#1877f2
}
.header__social-instagram:hover {
  color:#de2d75
}
.header__social-twitter:hover {
  color:#1da1f2
}
.header__social-youtube:hover {
  color:#ee3123
}
.header__social-LINE:hover {
  color:#00b900
}
.header-link {
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  -webkit-box-align:center;
  -ms-flex-align:center;
  -webkit-box-ordinal-group:4;
  -ms-flex-order:3;
  align-items:center;
  justify-content:flex-end;
  order:3;
  width:90px
}
.header-link__item {
  height:100%;
  width:40px
}
.header-link__link {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  height:100%;
  justify-content:center
}
.header-link__icon {
  font-size:15px
}
.menu-box {
  background-image:url(../../images/bg-lightgreen.jpg);
  background-position:0 0;
  background-repeat:repeat;
  height:100vh;
  left:100%;
  position:fixed;
  top:0;
  -webkit-transition:left .3s ease-out;
  -o-transition:left .3s ease-out;
  transition:left .3s ease-out;
  width:100%;
  z-index:50
}
.menu-box.box-open {
  left:0
}
.menu-box .close {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  background-color:#fff;
  border-radius:40px;
  cursor:pointer;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  height:40px;
  justify-content:center;
  position:absolute;
  right:2%;
  top:2%;
  width:40px
}
.menu-wrap {
  height:100%;
  width:100%
}
.menu-box__img {
  height:100%;
  width:50%
}
.menu-box__img img {
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:20% 0;
  object-position:20% 0;
  opacity:.8;
  width:100%
}
.menu-box__nav,
.menu-box__social {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  -webkit-box-align:cennter;
  -ms-flex-align:cennter;
  -ms-flex-line-pack:center;
  align-content:center;
  align-items:cennter;
  height:100%;
  justify-content:center;
  overflow-y:auto;
  padding:50px 0;
  width:50%
}
.menu-box__nav-logo {
  margin-bottom:60px;
  text-align:center;
  width:100%
}
.menu-box__nav-logo img {
  display:inline-block;
  max-width:140px;
  width:100%
}
.menu-box__nav-link {
  max-height:100%;
  width:100%
}
.menu-box__nav-link li {
  display:block;
  width:100%
}
.menu-box__nav-link li a {
  color:#fff;
  display:block;
  font-size:1.25rem;
  line-height:1.875rem;
  padding:10px;
  text-align:center;
  width:100%
}
.menu-box__nav-link li a:hover {
  color:#126e4d
}
.menu-box__nav-link .sub-menu {
  display:none
}
.menu-box__nav-link .sub-menu li a {
  color:#fff
}
.menu-box__nav-link .sub-menu li a:hover {
  color:#126e4d
}
.menu-box__sicial-item {
  display:block;
  padding:10px
}
.menu-box__sicial-item i {
  color:#fff;
  font-size:2.625rem;
  line-height:3.938rem
}
.menu-box__sicial-item:hover i {
  color:#126e4d
}