header nav { position: relative; z-index: 2; }
header .search_form_head { position: relative; z-index: 2; transform: translateY(-84px); max-width: 1170px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
header .search_form_head .form_main { height: auto; width: 32px; right: 15px; margin: 0px; position: absolute; top: 28px; background-color: rgb(31, 31, 31); transition: width 1s; }
header .search_form_head .form_main .search-dropdown { display: none; border-bottom: 1px solid rgb(180, 181, 181); }
header .search_form_head .form_main .dropdown-menu { top: 40px; }
header .search_form_head .form_main .search_form { border: none; }
header .search_form_head .form_main.open .search_form .form-label { border-bottom: 1px solid rgb(180, 181, 181); }
header .search_form_head .form_main.open { width: calc(100%); }
header .search_form_head .form_main.open .search_form .form-label { width: 100%; }
header .search_form_head .search_form { position: relative; }
header .search_form_head .search_form .form-label { padding-left: 7px; width: 150px; }
header .search_form_head .input-wrap .seach_ico { }
header .search_form_head .open .input-wrap .seach_ico { background: none; }
header .search_form .form-label span { opacity: 0; }
header .search_form .input-wrap .close { opacity: 0; }
header .open .search_form .input-wrap .close { opacity: 1; }
.search_form { overflow: hidden; position: relative; border-bottom: 1px solid rgb(180, 181, 181); padding-left: 110px; }
.search_form .search-dropdown { position: static; width: 100px; height: 50px; }
.search_form .form-label { float: none; height: 40px; cursor: text; padding-left: 0px; display: block; }
.search_form .form-label:focus { outline: -webkit-focus-ring-color auto 5px; }
.search_form .form-label span { float: left; height: 40px; line-height: 40px; font-weight: 200; opacity: 1; transition: opacity 600ms cubic-bezier(0.38, 0.04, 0.35, 0.96); display: block; font-size: 16px; color: rgb(216, 216, 216); }
.search_form .input-wrap { width: 100%; position: absolute; top: 0px; left: 0px; transform: translateX(100%) translateX(-35px); transition-duration: 0.8s; }
.search_form .input-wrap i { width: 30px; display: block; height: 40px; line-height: 40px; text-align: right; cursor: pointer; position: relative; }
.search_form .input-wrap .seach_ico { position: relative; }
.search_form .input-wrap .seach_ico::before { content: ""; background: url("../images/search_ico.png") no-repeat; position: absolute; right: -12px; bottom: 0px; z-index: 200; width: 32px; height: 26px; }
.search_form .input-wrap .input { position: relative; width: calc(100% - 50px); }
.search_form .input-wrap .input input { width: 100%; height: 39px; line-height: 40px; margin-left: 20px; border: 0px; background: 0px 0px; outline: 0px; color: rgb(255, 255, 255); }
.search_form .input-wrap .input input:focus { border: none; }
.search_form .input-wrap .close { width: 20px; display: block; height: 40px; line-height: 40px; cursor: pointer; position: absolute; top: 0px; right: 0px; text-align: center; }
.search_form .input-wrap .close .close_ico { position: relative; }
.search_form .input-wrap .close .close_ico::before { content: ""; background: url("../images/close_ico.png") no-repeat; position: absolute; right: -12px; bottom: 0px; z-index: 2; width: 32px; height: 26px; }
.search_form .input-wrap .close i { text-align: center; }
.form_main.open .search_form .input-wrap { transform: translateX(1px); padding-left: 110px; }
.form_main { position: relative; }
.form_main .search-dropdown { position: absolute; height: 40px; width: 110px; }
.form_main .search-dropdown button { border: 0px; height: 40px; width: 93px; font-size: 16px; background: none; text-align: left; padding: 0px; }
.form_main .search-dropdown button i { background: url("../images/search.png") 7px 10px no-repeat; width: 20px; display: inline-block; height: 18px; }
.form_main .search-dropdown .dropdown-menu { min-width: 99px; border-radius: 0px; margin: 0px; border: 1px solid rgb(216, 216, 216); }
.form_main .search-dropdown .dropdown-menu li { min-width: 99px; font-size: 16px; line-height: 2; text-align: center; }
#button_product { color: rgb(255, 255, 255); }