@charset "UTF-8";
/* color schemes */
.wrapper-result {
  background: #ffffff; }

.amazingsearch_result {
  background: #ffffff;
  color: #000000;
  border-top: 1px solid #e9e9e9;
  display: none; }
  .amazingsearch_result .products_list {
    white-space: normal; }
  .amazingsearch_result .item {
    background: #ffffff;
    border-bottom: 1px solid #f0f2f3;
    position: relative;
    text-align: left; }
    .amazingsearch_result .item:hover {
      background: #f5f9fc; }
    .amazingsearch_result .item > a {
      display: block;
      padding: 10px 0 10px 55px;
      position: relative;
      max-width: 100%;
      overflow: hidden; }
    .amazingsearch_result .item h5 {
      font-size: 14px;
      font-weight: 400;
      line-height: 1;
      margin: 0 0 5px;
      text-transform: capitalize; }
    .amazingsearch_result .item .desc {
      color: #888888;
      font-style: italic;
      font-size: 9px;
      line-height: 1.4; }
  .amazingsearch_result img {
    left: 0;
    position: absolute;
    top: 7px;
    width: 40px; }
  .amazingsearch_result .all-wrapper {
    clear: both;
    font-size: 13px; }
  .amazingsearch_result .all {
    display: block;
    background: #ffffff;
    cursor: pointer;
    padding: 19px 15px; }
    .amazingsearch_result .all:hover {
      background: #f5f9fc; }

.wrapper-close {
  background: #00bdff;
  color: #ffffff;
  cursor: pointer;
  padding: 24px 0;
  text-align: center;
  display: none; }
  .wrapper-close:hover {
    background: #29c8ff; }
  .wrapper-close:active {
    background: #0097cc; }

.open + .wrapper-close {
  display: block; }

.search-close {
  font-size: 12px;
  text-transform: uppercase; }

/* start mobile*/
.amazing-search .btnfake {
  color: inherit;
  display: block;
  padding: 0;
  position: absolute;
  right: 15px;
  z-index: 5;
  width: 36px;
  height: 36px;
  transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
  .amazing-search .btnfake:before {
    display: block;
    z-index: 1;
    transition: transform .2s; }
  .amazing-search .btnfake:after {
    opacity: 0;
    content: '';
    display: block;
    width: 17px;
    height: 1px;
    background: #000;
    position: absolute;
    left: 8px;
    bottom: 23px;
    top: 23px;
    transition: transform 0.2s 0.2s;
    transform: translateY(3px);
    z-index: 1; }


  .amazing-search {
    position: absolute;
    right: 38px;
    text-align: left;
    top: 6px;
    color: #ffffff;
    line-height: 36px;
    width: 55px;
    z-index: 5;
    padding: 0 15px;
    overflow: hidden;
    transition: width .4s linear; }

@media (min-width:1025px ){
    .amazing-search {
    position: absolute;
    right: 80px;
    text-align: left;
    top: 6px;
    color: #ffffff;
    line-height: 36px;
    width: 55px;
    z-index: 5;
    padding: 36px 0px;
    overflow: hidden;
    transition: width .4s linear;
}

#state-search:checked ~ .amazing-search {
    width: calc(300px - 30px) !important;
    overflow: visible;
}

.amazing-search .button-search {
    background: none;
    border: none;
    padding: 0;
    position: absolute;
    left: -5px !important;
    top: 0;
    color: #000 !important;
}

.amazing-search .search_query {
    border: none;
    background: #fff !important;
    border-radius: 5px;
    padding: 0 172px 0 38px;
        padding-right: 172px;
    font-size: 13px;
    font-weight: 100;
    width: 300px;
    outline: none;
    height: 34px;
    float: right;
    margin-right: 20px;
    color: #000;
}}



    .amazing-search .styled-select,
    .amazing-search select {
      position: absolute;
      display: none;
      right: 31px;
      top: 0;
      outline: none;
      height: auto;
      line-height: inherit; }
    .amazing-search .styled-select dt.option {
      line-height: inherit;
      padding: 0; }
    .amazing-search .search_query {
      border: none;
      background: #555555;
      border-radius: 5px;
      padding: 0 172px 0 38px;
      font-size: 13px;
      font-weight: 100;
      width: 100%;
      outline: none;
      height: 34px; }
    .amazing-search .button-search {
      background: none;
      border: none;
      padding: 0;
      position: absolute;
      left: 10px;
      top: 0;
      color: inherit; }

  #searchbox {
    position: relative;
    opacity: 0;
    width: 0;
    transition: opacity .4s linear; }

  #state-search:checked ~ .amazing-search {
    width: calc(100% - 30px);
    overflow: visible; }
    #state-search:checked ~ .amazing-search #searchbox {
      opacity: 1;
      width: 100%; }
    #state-search:checked ~ .amazing-search .btnfake {
      transform: rotate(90deg); }
      #state-search:checked ~ .amazing-search .btnfake:before {
        width: 17px;
        height: 1px;
        background: #000;
        position: absolute;
        content: '';
        left: 8px;
        top: 18px;
        transform: rotate(-45deg) translateY(3px); }
      #state-search:checked ~ .amazing-search .btnfake:after {
        opacity: 1;
        transform: rotate(45deg) translateY(-3px); }

  #state-user:target ~ .amazing-search {
    width: calc(100% - 30px);
    overflow: visible; }
    #state-user:target ~ .amazing-search #searchbox {
      opacity: 1;
      width: 100%; }
    #state-user:target ~ .amazing-search .btnfake {
      transform: rotate(90deg); }
      #state-user:target ~ .amazing-search .btnfake:before {
        width: 17px;
        height: 1px;
        background: #ffffff;
        position: absolute;
        content: '';
        left: 8px;
        top: 18px;
        transform: rotate(-45deg) translateY(3px); }
      #state-user:target ~ .amazing-search .btnfake:after {
        opacity: 1;
        transform: rotate(45deg) translateY(-3px); } 

  .amazing-search .styled-select,
  .amazing-search select {
    width: 80px; }
  .amazing-search .search_query {
    font-size: 14px;
    padding-right: 109px; } 
/* end mobile*/

/*# sourceMappingURL=amazingsearch.css.map */