li { position: relative; padding: 0; margin: 0; } #litespot-pro-main-nav-menu > li > a { position: relative; display: block; height: 58px; font-size: 14px; color: #202124; font-weight: 700; text-transform: uppercase; line-height: 58px; padding: 0 14px; margin: 0; } #litespot-pro-main-nav-menu > li:hover > a { color: #1a73e8; } .tgl-wrap { height: 58px; display: flex; align-items: center; z-index: 20; margin: 0; } .tgl-style { width: 38px; height: 38px; background-color: rgba(155,155,155,0.1); color: #202124; font-size: 16px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 20; border-radius: 4px; } .tgl-style:after { content: '\f002'; font-family: 'Font Awesome 5 Free'; font-weight: 900; } .show-search { transition: opacity .17s ease; } .tgl-style:hover { color: #1a73e8; } #main-search-wrap { display: none; position: absolute; top: 0; right: 0; width: 100%; height: 58px; background-color: #ffffff; z-index: 25; } .main-search { position: relative; float: right; width: 100%; height: 100%; display: flex; align-items: center; } .main-search .search-form { position: relative; height: 38px; background-color: rgba(155,155,155,0.1); display: flex; flex: 1; border: 0; border-radius: 4px; } .main-search .search-input { width: 100%; flex: 1; background-color: rgba(0,0,0,0); font-size: 14px; color: #202124; font-weight: 400; padding: 0 15px; border: 0; } .main-search .search-close { width: 38px; background-color: rgba(0,0,0,0); font-size: 16px; color: #202124; text-align: center; cursor: pointer; border: 0; } .main-search .search-close:before { content: '\f00d'; font-family: 'Font Awesome 5 Free'; font-weight: 900; } .container.row-x1 { max-width: 1058px; margin: 0 auto; }]]>