.main-menu-search  {
    text-align: right; 
    margin-right:20px;
    margin-top:0px;
}
.main-menu-search i {
    font-size: 20px;
    cursor: pointer;
    color: #383838;
}

/* top search */
.top-search-wrap input.search-field{ border-bottom-color: #303030; color: #fff; }
.top-search-wrap .top-search-submit,
.top-search-wrap .top-search-close{ color: #fff; }
.top-search-wrap input::-webkit-input-placeholder{  color: #fff; }
.top-search-wrap input::-moz-placeholder{  color: #fff; }
.top-search-wrap input:-ms-input-placeholder{  color: #fff; }
.top-search-wrap input:-moz-placeholder{  color: #fff; }
.top-search-row{ display: table; width: 100%; height: 100%; }
.top-search-cell{ display: table-cell; vertical-align: middle; padding-left: 30px; padding-right: 30px; }
.top-search-wrap{ position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 9999; overflow-y: auto; display: none; }
.top-search-wrap form{ max-width: 630px; margin-left: auto; margin-right: auto; position: relative; }
.top-search-wrap input.search-field{ background: transparent; width: 78%; border-width: 0px 0px 3px; 
	font-size: 18px; line-height: 48px; letter-spacing: 0.5px; }
.top-search-wrap input.search-submit{  position: absolute; top: 0px; right: 52px;
	width: 48px; height: 48px; padding: 0px; opacity: 0; filter: alpha(opacity=0); }
.top-search-wrap .top-search-submit{ font-size: 30px; position: absolute; right: 52px; top: 10px; 
		line-height: 48px; width: 48px; text-align: center; cursor: pointer; }
.top-search-wrap .top-search-close{ font-size: 32px; position: absolute; right: 0px; top: 10px; 
	line-height: 48px; width: 48px; text-align: center; cursor: pointer; }
.top-search-wrap{ background-color: #000000; background-color: rgba(0, 0, 0, 0.88); }