#jms_ajax_search.default > a.icon {

    font-size: 20px;

}

#jms_ajax_search.default.open .search-wrapper {

    visibility:visible;

    top: 137px;

}

#jms_ajax_search.default .search-wrapper {

    left: 0;

    position: fixed;

    top: 100%;

    visibility: hidden;

    width: 100%;

    height: 850px;

    background-color: rgba(0, 0, 0, 0.9);

    z-index: 1003;

    padding: 30px 80px;

    transition: all 0.2s ease 0s;

}

.default #ajax_search {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    background-color: transparent;

    border-color: -moz-use-text-color -moz-use-text-color rgba(255, 255, 255, 0.3);

    border-image: none;

    border-style: none none solid;

    border-width: medium medium 2px;

    box-shadow: none;

    color: #fff;

    font-family: Lora,"MS Sans Serif",Geneva,sans-serif;

    font-size: 68px;

    height: 122px;

    letter-spacing: 1px;

    line-height: 120px;

    padding: 0 90px 0 0;

}

#jms_ajax_search.default *::-moz-placeholder {

  color: #808080;

  opacity: 1;

}

.default #searchbox {

    position: relative;

}

.default #searchbox .ic2 {

    color: rgba(255, 255, 255, 0.5);

    display: inline-block;

    font-size: 60px;

    line-height: 120px;



    background-color: transparent;

    border: medium none;

    padding: 0;

    position: absolute;

    right: 0;

    text-align: center;

    top: 0;

    vertical-align: top;

    width: 80px;

}

.default .result_div .item {

    width: 20%;

    padding: 0 15px;

    float: left;

}

.default .item .left-img {

    width: 120px;

}

.default .right-info {

    width: calc(100% - 120px);

    text-align: left;

    padding-left: 20px;

}

.default .right-info a {

    font-weight: 700;

}

.default .right-info a, .default .right-info span {

    display: block;

    color: #fff;

    font-size: 15px;

}

.default .result_div .item {

    display: flex;

}

.default #search_result {

    padding: 30px 0;

}



.default .search-wrapper .close_search {

    position: absolute;

    cursor: pointer;

    right: 80px;

    bottom: 50px;

    color: #fff;

    text-transform: uppercase;

    font-size: 32px;

    font-weight: 700;

    letter-spacing: 1.5px;

    line-height: 33px;

    padding-right: 50px;

    z-index: 301; }

.default .search-wrapper .close_search::after, .default .search-wrapper .close_search::before {

      content: "";

      width: 35px;

      height: 3px;

      position: absolute;

      right: 0;

      top: 15px;

      display: inline-block;

      background-color: #fff; }

.default .search-wrapper .close_search:hover::before {

      -webkit-transform: rotate(45deg);

      -moz-transform: rotate(45deg);

      -o-transform: rotate(45deg);

      -ms-transform: rotate(45deg);

      -sand-transform: rotate(45deg);

      transform: rotate(45deg); }

.default .search-wrapper .close_search:hover::after {

      -webkit-transform: rotate(-45deg);

      -moz-transform: rotate(-45deg);

      -o-transform: rotate(-45deg);

      -ms-transform: rotate(-45deg);

      -sand-transform: rotate(-45deg);

      transform: rotate(-45deg); }



.default .search-wrapper .close_search::after, 

.default .search-wrapper .close_search::before {

  -webkit-transition: all .3s;

  -moz-transition: all .3s; 

  -o-transition: all .3s;

  transition: all .3s; 

}

 

.default .search-wrapper .close_search {

  -webkit-transition: all .7s;

  -moz-transition: all .7s;

  -o-transition: all .7s;

  transition: all .7s; }



  /* Hook Right */

#jms_ajax_search.style2 {

  display: block;

  position: relative;

}



.style2 #ajax_search {

  border:2px solid rgba(129, 129, 129, 0.25);

  height: 45px;

}

.style2 #searchbox {

  position: relative;

  padding: 9px 0;

}

.style2 .icon-magnifier {

  font-size: 20px;

  font-weight: 700;

  position: absolute;

  right: 20px;

  top: calc(50% - 24px);

  color: #3e3e3e;

  line-height: 45px;

  display: inline-block;

}

.style2 #search_result {

  position: absolute;

  width: 100%;

  left:0;

  top: 100%;

  z-index: 1000;

  background: #fff;

}

.style2 .result_div {

  padding: 20px 15px;

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

  max-height: 500px;

  overflow-y: auto;

}

.style2 .result_div .item {

  padding: 0 15px;

  display: flex;

  margin-bottom: 20px;

}

.style2 .result_div .item:last-child {

  margin-bottom: 0;

}

.style2 .result_div .left-img {

  width: 120px;

}

.style2 .result_div .right-info {

  width: calc(100% - 120px);

  padding-left: 15px;

}

.style2 .result_div .right-info a {

  font-weight:700;

  font-size: 15px;

  color: #000;

}

.style2 .result_div .right-info a, .style2 .result_div .right-info span {

  display: block;

}