.popup_search .box-search {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup_search {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 99999;
  margin-top: -540px;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  background-color: #fffffff0;
  -webkit-transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.popup_search.active {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
      transform: translateY(0%);
      margin-top: 0;
}

.popup_search.active .main-object{
    margin-top: 0;
}

.popup_search.active form.search-panel {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
}
.cancel-btn_search {
    position: absolute;
    top: 50px;
    right: 50px;
}

.cancel-btn_search i:hover {
    color: #fff;
    background: #f44336;
}
.cancel-btn_search .icon_cancel svg {
    cursor: pointer;
    width: 24px;
    display: none;
}


.cancel-btn_search svg.active {
    display: flex;
}

form.search-panel .main-object button svg {
    width: 22px;
    margin-bottom: -10px;
}

form.search-panel {
    max-width: 400px;
    width: 100%;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
form.search-panel .main-object {
    display: flex;
    align-content: flex-end;
    width: 100%;
    margin-top: 100px;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}
form.search-panel .main-object input {
    height: 50px;
    border: 0;
    border-bottom: 2px
 solid #000;
    border-radius: 0;
    width: 100%;
    color: #000;
    padding: 10px 10px;
    font-weight: 500;
    font-size: 20px;
    background: #0000;
}
form.search-panel .main-object button {
    height: 50px;
    background: transparent;
    color: #000;
    border: 0;
    border-bottom: 2px solid;
    border-radius: 0;
    padding: 0;
}
form.search-panel .main-object button i {
    font-size: 21px;
}
form.search-panel .main-object .object-1 {
    width: 100%;
}
form.search-panel .main-object button:hover i {
    background: #000;
    color: #fff;
}
form.search-panel .main-object button i {
    padding: 10px;
    border-radius: 50px;
}

.site-header .toggle-search,.site-header .site-branding {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 70px;
}
.site-header .toggle-icon {
    max-height: 24px;
    cursor: pointer;
}
.site-header .toggle-search{
  padding-left: 15px;
}

.site-header a{
  -o-transition: all .25s ease;
   transition: all .25s ease;
   -webkit-transition: all .25s ease;
   -moz-transition: all .25s ease;
   -ms-transition: all .25s ease;
}
.hamburger-box {
    height: 21px;
}
@media (max-width:767px) {
  form.search-panel {
      max-width: 350px;
    }
    .cancel-btn_search {
      right: 25px;
    }
}