.search > form {

  width: 22%;

  margin: 0 auto;

  margin-top: 30px;

  padding-bottom: 50px;

  position: relative;

  clear: both;

  

}

.search input, .search button {

  outline: none;

  background: transparent;

}

.search input {

  width: 250px;

  height: 42px;

  padding-left: 15px;

  border: 3px solid #E75400;

}

.search button {

  border: none;

  height: 42px;

  width: 42px;

  position: absolute;

  top: 0;

  right: 0;

  cursor: pointer;

}

.search button:before {

  content: "\f002";

  font-family: FontAwesome;

  font-size: 16px;

  color: black;

}

.search input:focus {

  border-color: #311c24

}

@media  (max-width: 800px){ .search button { right: -150px; } }

@media screen and (max-width: 980px) and (min-width: 800px) { .search button { right: -90px; } }

@media (min-width: 980px) and (max-width: 1200px){ .search button { right: -44px; } }





.checkbox_block {

  width: 90%;

  display: block;

  margin: 10px auto;

}

.label_for_search {

  float: left;

}

.checkbox_block > input {

  float: left;

  width: 18px!important;

  margin: -10px 5px;

  cursor: pointer;

}



#header div.search {

  width: 250px;

  position: absolute;

  /* padding-left: 10%; */

  z-index: 9999999;

  margin-left: 10%;

}



#header div.search form {

  margin: 0px;

  margin-bottom: 30px;

  margin-top: 20px;

  width: 90%;

  padding-bottom: 0px;

}



#header div.search form input {

  width:100%;

  padding-left: 70px;

  border: 0px;

  border-bottom: 1px solid #000;

}



#header div.search form .checkbox_block {

  position: absolute;

  top: 0px;

  left: 5px;

  width: 70px;

}



#header.sticky-header div.search form {

  margin-top: 10px;

}



@media  (max-width: 800px){ #header div.search {display: none;} div.search form {margin: 0px;margin-top:30px}}

@media screen and (max-width: 980px) and (min-width: 800px) { #header div.search {display: none;} div.search form {margin: 0px;margin-top:30px}}

#logo {z-index: 999999;}